컴퓨터는 잘못이 없다..

[JavaScript]비교연산자, ==와 ===의 차이 본문

공부/JavaScript

[JavaScript]비교연산자, ==와 ===의 차이

도토리까꿍v 2020. 11. 9. 17:52
Contents 접기


[비교연산자 종류]  

            == => 같은지 비교 (===는 엄격한 비교)
            != => 다른지 비교
            >  => 큰지 비교
            >= => 크거나 같은지 비교
            <  => 작은지 비교
            <= => 작거나 같은지 비교  


[비교 연산자로 주로 하는 작업 ]

            1. 문자열의 내용이 같은지 다른지 비교
            2. 숫자의 크기 비교
            3. 숫자가 같은지 다른지 비교
            4. 논리값이 같은지 다른지 비교
            5. 문자열의 알파벳 순서 혹은 가나다 순서 비교 

 

[비교연산자 ==와 ===의 차이]

document.querySelector("~~").value로 불러오는 값은 항상 String type이다.

예를 들어 위의 코드를 써서 불러온 값이 "1234"라고 하고 비교하는 값을 1234(정수타입)

이라고 했을 때 "1234" == 1234 하면 true값이 나온다.

더 엄격하게 비교하고 싶다면 ===로 데이터타입까지 검사하게 만들면 된다!

 

 

 

[비교연산자 예제 코드]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Step08_operator4.html</title>
</head>
<body>
    <h1>비교 연산자 테스트...</h1>
    <script>


        //1. 문자열의 내용 비교 
        var myName="김구라"
        var isEqual= myName == "김구라"; //true
        var isDifferent= myName != "해골"; //true

        //2. 숫자의 크기 비교
        var myNum=100;
        var isBigger= myNum > 50; //true
        var isSmaller= myNum < 200; //true

        //3. 숫자가 같은지 다른지 비교
        var yourNum=100;
        var isNumEqual= yourNum == 101; //false
        var isNumDiff= yourNum != 101;  //true

        //4. 논리값 비교
        var isRun=true;
        var result= isRun == true; //true;
        var result2= isRun != false; //true;

        //5. 알파벳, 가나다 순서 
        var result3= "a" < "b"; //true
        var result4= "가" > "나"; //false
    </script>
    
</body>
</html>
저작자표시

'공부 > JavaScript' 카테고리의 다른 글

[JavaScript]증감연산자  (0) 2020.11.09
[JavaScript]대입연산자  (0) 2020.11.09
[JavaScript]논리연산자  (0) 2020.11.09
'공부/JavaScript' Related Articles more
Comments