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>