JavaScript 자료형, 연산자, 형변환

한수진·2022년 4월 13일

목록 보기

3/6

1) 자료형

2) 연산자

실습하기1 : == vs ====

<!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>
        // /(나누기연산) : 계산기로 계산한 값
        var num = 10/3;
        console.log(num)

        // 비교연산자
        console.log(3=='3') // 문자 3을 숫자로 자동변환하여 비교
        console.log(3==='3') // 자동변환 x

        console.log(0==false) // boolean은 f>0 t>1로 자동변환
        console.log(0===false) // ===는 타입까지 확인

        console.log(null==undefined) // object 타입, undefined 타입 둘 다 값이 없음
        console.log(null===undefined) // 타입까지 확인 

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

결과1

실습하기2 : 변수 num 값 중에서 백의 자리 이하를 버리는 코드를 짜시오. 만일 변수 num의 값이 456이라면 400이 되고, 111이라면 100이다

<!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 num = 312
        let result = num - (num % 100)
        console.log("백의 자리 이하 버린 결과>>", result)

        var num1 = 452
        console.log("백의 자리 이하 버린 결과>>", num1-(num1%100))
        console.log("백의 자리 이하 버린 결과>>", parseInt(num1/100)*100) // parseInt 정수 반환 
    </script>
</body>
</html>

결과2

3) 형변환

실습하기: 형변환

<!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>
        var age = Number(prompt("나이 입력해주세요"))
        alert("20년뒤 나이는 " + (age+20))

        //'100' 200의 실제 숫자로써 더한값 출력
        var num1 = Number('100')
        var num2 = 200

        console.log(num1+num2)
    </script>
</body>
</html>