javascript 비교연산자 (==, ===, !=, !==) 차이점

2023. 3. 8. 23:42·JavaScript
728x90
반응형

비교연산자 

 

비교연산자란 프로그래밍에서 주어진 값들이 같은지, 다른지, 큰지 혹은 작은지를 구분할때 사용한는 연산자입니다.

==와 ===, !=와 !==는 보면 얼추 비슷한 것 같지만 서로 다른 연산자입니다. 뭐가 다른지 한번 확인해봅시다.

 

먼저 자바스크립트(javascript)는 엄격한 비교(===, !==)와 형변환 비교(==, !=) 두 가지 비교 방법을 갖고 있습니다.

 

1. 동등연산자(==)

두 피연산자의 자료형을 일치시킨 후, 비교를 수행합니다.

alert( 1 == 1 );  // true
alert( "1" == 1 ); // true
alert( 1 == "1" ); // true
alert( 1 == true ); // true
alert( 0 == false ); // true

alert( 0 == undefined ); // false
alert( null == undefined ); // true

 

2. 부등연산자(!=)

두 피연산자의 자료형을 일치시킨 후, 비교를 수행합니다.

alert( 1 != 2 );  // true
alert( "1" != 1 ); // false
alert( 434 != '1' ); // true
alert( 1 != true ); // false
alert( 0 != false ); // false

 

3. 일치연산자(===)

자료형 변환 없이 두 피 연산자가 엄격히 같은지 비교합니다.

alert( 777 === 777 );  // true
alert( '안녕' === '안녕 ); // true
alert( 777 === '777' ); // false

 

4. 불일치연산자(!==)

자료형 변환없이 두 피연산자가 엄격하게 같은지 비교합니다.

alert( 123 !== '123' );  // true
alert( 456 !== 123 ); // true
alert( 456 !== 456 ); // false

 

 

정리

1. 동등(==), 부등(!=)과 같은 연산자는 형변환으로 자료형을 일치시킨 뒤 서로 같은지 비교한다.

2. 일치(===), 불일치(!==)와 같은 연산자는 형변환을 하지 않은 상태에서 두 피 연산자가 같은지 비교한다.

 

728x90
반응형

'JavaScript' 카테고리의 다른 글

[JavaScript] 객체의 이름 동적으로 구성하기  (0) 2024.07.11
[JavaScript] 자바스크립트 - 동기, 비동기 개념  (0) 2023.11.12
[JavaScript] Ajax (Asynchronous JavaScript and XML)  (0) 2023.07.08
[javascript] 배열 정렬 sort()  (0) 2022.12.20
JavaScript란?  (0) 2022.07.14
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 자바스크립트 - 동기, 비동기 개념
  • [JavaScript] Ajax (Asynchronous JavaScript and XML)
  • [javascript] 배열 정렬 sort()
  • JavaScript란?
JongTachi
JongTachi
    반응형
  • JongTachi
    JongTachi의 개발 블로그
    JongTachi
  • 전체
    오늘
    어제
    • 분류 전체보기 (162)
      • Network (10)
      • Server (19)
        • Web (12)
        • WAS (6)
      • Java (8)
        • JVM (1)
        • Java Syntax (16)
        • IDE (5)
        • Lombok (2)
        • Util (1)
      • FrameWork (8)
        • Spring&SpringBoot (4)
        • MyBatis (4)
      • JSP (3)
      • JavaScript (12)
        • jQuery (3)
        • JSON (3)
      • APM (1)
      • Android (5)
      • VCS(Version Control System) (5)
        • Git (4)
        • SVN (1)
      • IT_Tools (15)
        • Jenkins (2)
        • MobaXterm (2)
        • Jeus (1)
        • DBeaver (3)
      • Certificate (1)
      • Linux (3)
      • DB (14)
        • MariaDB (0)
        • Oracle (8)
        • Redis (2)
      • IT Information (19)
      • Text Editor (2)
        • NotePad (2)
      • 비밀의방 (0)
      • 헬파티 여행 (1)
      • 경제 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    SQL
    JSON
    인텔리제이
    자바
    oracle
    톰캣
    db
    Tomcat
    Eclipse
    Redis
    이클립스
    자바스크립트
    mybatis
    마이바티스
    svn
    git
    Server
    오라클
    IntelliJ
    Linux
    WAS
    보안
    JQuery
    HTTP
    디비버
    java
    Javascript
    Web
    상태코드
    DBeaver
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
JongTachi
javascript 비교연산자 (==, ===, !=, !==) 차이점
상단으로

티스토리툴바