3. 타입변환

2024. 11. 1. 16:56자바스크립트(Javascript)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3.타입 변환</title>
</head>
<body>
    <script>
        console.log(10 + '문자열')     //10문자열
        console.log('3' * '5')        //15
        console.log(1 - '일')         //NaN

        const num1 = '10'
        const num2 = '3'
        console.log(`현재 num1의 타입 : ${typeof(num1)}`)             
        //현재 num의 타입 : string
        console.log(`Number(num1)의 타입 : ${typeof(Number(num1))}`)    
        //Number(num1)의 타입 : number 
        console.log(`String(num1)의 타입 : ${typeof(String(num1))}`)    
        //String(num1)의 타입 : string
        console.log(`Boolean(num1)의 타입 : ${typeof(Boolean(num1))}, ${Boolean(num1)}`)    
        //Boolean(num1)의 타입 : boolean, true
        console.log(`Object(num1)의 타입 : ${typeof(Object(num1))}`)          
        //Object(num1)의 타입 : object
        console.log(`ParseInt(num2)의 타입 : ${typeof(ParseInt(num2))}, ${ParseInt(num2)}`)   
        //parseInt(num2)의 타입 : number, 3
        console.log(`ParseFloat(num2)의 타입 : ${typeof(ParseFloat(num2))}, ${ParseFloat(num2)}`)
        //parseFloat(num2)의 타입 : number, 3
    </script>
</body>
</html>

 

728x90
LIST

'자바스크립트(Javascript)' 카테고리의 다른 글

6. 조건문 - switch문  (0) 2024.11.01
5. 조건문 - if문  (0) 2024.11.01
4. 대화상자  (0) 2024.11.01
2. 자바스크립트 타입변환  (0) 2024.11.01
1. 자바스크립트(Javascript)  (14) 2024.11.01