JongTachi의 개발 블로그

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

JavaScript

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

JongTachi 2023. 3. 8. 23:42
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
반응형