ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 비교 연산자
    FrontEnd/Javascript 2022. 5. 11. 10:18
    728x90

    비교 연산자

    • 피연산자 사이의 상대적인 크기를 판단하여, 참(true)과 거짓(false)을 반환한다.
    • 모두 두 개의 피연산자를 가지는 이항 연산자이다.

    출처 - http://www.tcpschool.com/javascript

     

    // 비교연산자
    var num1 = 10;
    var num2 = 20;
    var num3 = 3;
    var num4 = "10";
    var result;
    
    // 데이터 타입은 무시하기 떄문에 num4의 문자가 형변환되어 10이므로 결과값은 true라고 나온다.
    result1 = num1 == num4;
    console.log(result1);
    
    // 데이터 타입까지 비교를 하기 때문에 숫자 10과 문자 10은 다르기 때문에 결과값은 false라고 나온다.
    result2 = num1 === num4;
    console.log(result2);
    
    // num1과 num4의 값이 다르냐고 물어봤는데 num4의 값이 형변환이 일어나서 숫자10으로 인식하기 때문에 결과값은 true라고 나온다.
    result3 = num1 != num4;
    console.log(result3);
    
    // num1과 num4의 값이 다르냐고 물어봤는데 !==은 데이터타입까지 비교하기 떄문에 num1은 숫자값 10이고 num4는 문자값 10이기 떄문에 결과값은 false라고 나온다.
    result4 = num1 !== num4;
    console.log(result4);
    
    //정리 -  ==:데이터타입 무시하고 내용값이 같은지, ===:데이터타입 포함해서 내용값이 같은지, !=:데이터타입 무시하고 다른지, !==:데이터타입 포함해서 다른지

    'FrontEnd > Javascript' 카테고리의 다른 글

    삼항조건 연산자  (0) 2022.05.11
    논리 연산자  (0) 2022.05.11
    React에서 많이 사용하는 Javascript 문법  (0) 2022.05.10
    5. 반복문(loop)  (0) 2022.02.18
    4. 제어문(Condition)  (0) 2022.02.17

    댓글

Designed by Tistory.