[JavaScript] 3. 자바스크립트의 형변환

2024년 07월 18일

Song hyun
작성자
2024.07.18.:21

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

다음 글이 없습니다.

이전 글이 없습니다.

[JavaScript] 3. 자바스크립트의 형변환

'HTML,CSS, JS > JavaScript' 카테고리의 다른 글

티스토리툴바