221228 JS 변수타입 비교연산자

주영재 2022. 12. 28. 11:46

연산자
자바와 거의 같다.

단, 비교연산자 중 ===와 !==가 있는데,
이들은 타입도 비교하는 연산자이다.
=>값도 같아야 하고, 타입도 같아야 true로 판단됨

<!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 num1="10";
        var num2=10;

        console.log(num1==num2);//true(값만 비교)
        console.log(num1!=num2);//false

        console.log(num1===num2);//false(타입도 비교)
        console.log(num1!==num2);//true
        
        var a;
        var b=null;

        console.log(a,b);//변수값을 동시에 출력. undefined, null
        console.log(a==b);//true
        console.log(a, b, a==b);//둘 다 비어있음. 값만 비교하기 때문에 true가 나옴
        console.log(a, b, a!=b);//false

        console.log(a,b,a===b);//false. 값과 타입비교
        console.log(a,b,a!==b);//true




    </script>

</body>
</html>

var a;

var b=null;

console.log(a==b)를 하면 undefined와 null을 비교하는데,

둘 다 비어있는 것으로 보고 값만 비교하기 때문에 true가 나온다.