728x90
반응형
[JavaScript] 3. 자바스크립트의 형변환
1. 자바스크립트의 형변환
- 숫자형과 문자형을 더하면 숫자를 문자열로 인식한다.
- 곱하기나 나누기, 나머지 연산에서는 문자형 자료를 모두 숫자로 자동 인식한다.
2. 예제 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>index1.html</h2>
<div>
<p><span>자바스크립트 형변환에 대해서 살펴보자!</span></p>
</div>
<script>
const num = 5;
const str="10";
const result=num+str;
console.log(result); // 5+"10" => 문자열로 자동 형변환
const num1=10;
const str1='2';
const multiplyResult = num1*str1; // 곱셈 연산이라 문자열 타입을 숫자형으로 변환하여 곱셈
console.log(multiplyResult);
console.log("-------------------");
const divideResult = num1 / str1; // 나눗셈 연산이라 문자열 타입을 숫자형으로 변환하여 나눗셈
console.log(divideResult);
console.log("-------------------");
const moResult = num1 % str1; // 나머지 연산이라 문자열 타입을 숫자형으로 변환하여 나머지 연산 처리
console.log(moResult);
</script>
</body>
</html>728x90
반응형
'HTML,CSS, JS > JavaScript' 카테고리의 다른 글
| [JavaScript] 6. 객체의 종류와 생성 방법 (0) | 2024.07.19 |
|---|---|
| [JavaScript] 5. ES6와 let (0) | 2024.07.18 |
| [JavaScript] 4. var 키워드와 호이스팅에 대한 이해 (0) | 2024.07.18 |
| [JavaScript] 2. 자바스크립트의 자료형과 연산자 (0) | 2024.07.18 |
| [JavaScript] 1. 자바스크립트란? (0) | 2024.07.18 |