인프런 커뮤니티 질문&답변

준영님이 설명을 정말 잘해주셨네요! 감사합니다😁

==는 일반적으로 값 자체를 비교할 때 사용되며, ===는 자료형까지 같이 비교한다고 보시면 됩니다.

실제로 더 안전한 코드를 짜려면 === 를 사용하시는 걸 추천드립니다!

검색 키워드
==(double eqauls operator) , ===(triple equals operator)

공식문서 링크
https://developer.mozilla.org/ko/docs/Web/JavaScript/Equality_comparisons_and_sameness

==는 값을 비교 할때 사용합니다.

.

예시를 들면

var a = 10

a == 10 //결과 : True

.

코드를 해석하면

변수 a 생성 후 에 10이라고 선언해줍니다

a는 10이란 같은지 확인 하는거죠

같으면 True 틀리면 False

-------------------------------------------------------

==는 값 비교죠? 그럼 ===는 무엇일까요?

===는 값 비교 + data type까지 비교할때 사용합니다.

.

예시를 들면

var a = 10

a === 10 //결과 : True

a === "10" //결과 : False

.

코드를 해석하면

변수 a 생성 후 에 10이라고 선언해줍니다

a에 들어있는 값이 10이고 Number타입인지 비교합니다

결과는 당연히 True죠?

만약, a === "10"이라고 하면 결과는 어떻게 될까요?

결과는 Flase로 나옵니다

왜냐면 "10"은 data type이 String이여서 그래요~~~

-------------------------------------------------------

요약을 하면,

==는 값(Value) 비교

===는 값(Value) 비교 + data type 비교

-------------------------------------------------------

도움이 되었으면 우측하단 또는 좌측하단에 하트 한번만 눌러주세요 :)

또한, 해결이 안된 경우 답글 작성 부탁드립니다!

아아 그리고 !== 말고 != 로 배웠던 것 같은데 이것도 무슨 차이인지 알려주세요!

-------------------------------------------------------------------------------------------

제가 요약한 부분

==는 값(Value) 비교

===는 값(Value) 비교 + data type 비교

을 기준으로

!=를 하게되면 양쪽이 서로 다른경우 True로 나오고 둘다 같은경우 False로 나옵니다.

!==를 하게되면 양쪽이 서로 다른경우 True로 나오고 둘다 같은경우 False로 나옵니다.

-------------------------------------------------------------------------------------------

쉽게 말해서,

!=는 ==의 논리적인 반대의 결과가 나오고

!==는 ===의 논리적인 반대의 결과가 나옵니다 :)

-------------------------------------------------------------------------------------------

//ex)

var a = 10

a == 10 //결과 : True
a != 10 //결과 : False

a == "10" //결과 : True
a != "10" //결과 : False
//----------------------------------------
a === 10 //결과 : True
a === "10" //결과 : False

a !== 10 //결과 : False
a !== "10" //결과 : True

앗앗 친절한 답변 감사합니다 :)

아아 그리고 !== 말고 != 로 배웠던 것 같은데 이것도 무슨 차이인지 알려주세요!