[JS] == 와 ===의 차이

ShinJuYong·2022년 3월 15일
1

공부한것들

목록 보기
7/33

동치연산자 ==, ===


== (동등 연산자)

동등 연산자(==)는 두 요소가 동일한지 확인을하고 동일하다면 true 동일하지 않다면 false를 반환하는 Boolean연산자이다.

문법

element1 == element2

==란?

  • 두 요소가 모두 Object일때, 두 요소가 모두 동일한 Object를 참조할때만 true이다.
  • null == undefindetrue이다
  • 두 요소의 타입이 다른경우 연산 전 동일한 타입으로 변환한다.
  • 두 요소의 타입이 같은경우 아래와 같이 비교된다.
    String : 동일한 문자순서의 문자열일경우 true를 반환한다.
    Number : 동일한 값을 가질경우 true이다. 한쪽이 NaN이면 false를 반환.
    Boolean : 모두 true이거나 false일 경우 true를 반환한다.

=== (일치 연산자)

일치 연산자(===)는 두 요소의 타입이 동일한지 확인을하고 동일하다면 true 동일하지 않다면 false를 반환하는 Boolean연산자이다.

문법

element1 === element2

===란?

  • == (동등 연산자)와 거의 같지만 다른점은 아래와 같다.
    을 비교한 후 타입이 다르다면 무조건 false를 반환한다.

마무리

변수를 비교할땐 항상 === 연산자를 먼저 사용하자.
==를 사용해서 자동 형변환을 하지말고 먼저 캐스팅을해서 변환하자.

참고한곳
MDN 동등연산자
MDN 일치연산자

0개의 댓글