형변환

<!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>Document</title>
</head>
<body>
    <script>
        let str1 = prompt("좋아하는 숫자를 입력해주세요.")
        console.log(str1);
        console.log(123);

        // 문자열 => 숫자 전환
        let num = "5";
        console.log("변환 전", num);
        console.log("변환 후", parseInt(num), typeof(parseInt(num)));
        console.log("변환 후", Number(num), typeof(Number(num)));
        
        let num1 = "3.14";
        console.log("변환 전", num1);
        console.log("변환 후", parseInt(num1), typeof(parseInt(num1)));
        console.log("변환 후", parseFloat(num1), typeof(parseFloat(num1)));
        console.log("변환 후", Number(num1), typeof(Number(num1)));

        let num2 = "삼백육십오"
        console.log(Number(num2), typeof(Number(num2)));
        // 이렇게 변환할 경우 NaN(Not a Number)로 출력
        // => 이런 경우는 데이터를 다시 체크

        // 숫자 => 문자열로 변경
        // toString()
        let num3 = 30;
        console.log(num3.toString());


    </script>
</body>
</html>

예제)

<!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>Document</title>
</head>
<body>
    <script>
        // 문제. 유저에게 2개의 숫자를 입력받은 후 더한 결과를 console에 출력
        // 1. 유저에게 숫자 2개 입력받기
        // 2. 입력받은 값을 정수로 변환
        // 3. 더한 결과를 콘솔창에 출력
        let num1 = prompt("숫자 입력");
        let num2 = prompt("숫자 입력");
        console.log(Number(num1)+Number(num2));
        console.log(Number(num1),Number(num2));
        


    </script>
</body>
</html>