Javascript
(5)JavaScript_타입변환
빠스무
2023. 4. 7. 11:36
728x90
- 자바스크립트 타입변환 예제
- F12 개발자모드 콘솔창을 통해 확인할 수 있다.
- 아래 링크를 통해 각 기능들의 설명을 볼 수 있다.
- https://jm-rograming.tistory.com/113
(0)JavaScript_기본설명
자바스크립트(JavaScript) 1995년 넷스케이프 커뮤니테이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 브렌던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발 네
jm-rograming.tistory.com
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>타입 변환</title>
</head>
<body>
<h2>타입 변환</h2>
<script>
console.log(10+'문자열');
console.log('3' * '5');
console.log( 1 - '문자열');
const num1 = '10';
const num2 = '5';
console.log(`현재 num1의 타입:${typeof(num1)}`);
console.log(`현재 num2의 타입:${typeof(num2)}`);
console.log(`Number(num1): ${typeof(Number(num1))}, Number(num1): ${Number(num1)}`);
console.log(`String(num1): ${typeof(String(num1))}, String(num1): ${String(num1)}`);
console.log(`Boolean(num1): ${typeof(Boolean(num1))}, Boolean(num1): ${Boolean(num1)}`);
console.log(`Object(num1): ${typeof(Object(num1))}, Object(num1): ${Object(num1)}`);
console.log(`parseInt(num1): ${typeof(parseInt(num1))}, parseInt(num1): ${parseInt(num1)}`);
console.log(`parseFloat(num1): ${typeof(parseFloat(num1))}, parseFloat(num1): ${parseFloat(num1)}`);
console.log('--------------------------------------------')
console.log(`num1 + num2 = ${num1+num2}`)
console.log(`num1 + num2 = ${Number(num1)+Number(num2)}`)
console.log(`num1 + num2 = ${parseInt(num1)+parseInt(num2)}`)
console.log(`num1 + num2 = ${parseInt(num1)+num2}`)
</script>
</body>
</html>