TIL: 2023-04-24

⚙️ 오늘 학습한 내용

자바스크립트 타입 변환
자바스크립트 ==와 ===의 차이

🐹 오늘의 기분

이번 주부터는 주간 회고를 한 번 써보려고 한다. 뭔가 진척이 있는 듯 없는 듯 하니까 괜히 기운이 빠지고 의욕도 사라지는 것 같다. 시간이 정말 빠르게 가고 있다는 걸 느낀다. 어제의 나보다 조금 더 나아진 하루를 보내자

🗝 키워드

타입 변환 (coercion)
자바스크립트 비교 연산자

🗣 스스로에게 설명

타입 변환

자바스크립트가 비교를 하는 경우나 연산이 필요할 때 자체적으로 타입을 변환하는 것을 말한다.
암묵적 타입 변환이 발생할 때는 그 값 자체가 변하는 것이 아니라 비교를 편하게 하기 위해 변환한 후 잠깐 쓰고 없애버린다. 원본 변수의 타입은 그대로 남아있는다.
자바스크립트 엔진은 문맥에 따라서 타입을 변환하는데 예전에 그 유형에 대해 써놓은 글이 있어 그걸 링크해둬야겠다.

<JavaScript> JavaScript Koans

==와 ===

YDKJS - Get started 발췌

The == operator performs an equality comparison similarly to how the === performs it.  And if the comparison is between the same value type, both == and === do exactly the same thing, no difference whatsoever

비교하는 두 값이 같은 타입이라면 ==와 ===는 완전히 같은 동작을 한다.
타입이 다를 경우에 ==로 비교하면 비교 전에 암묵적 타입 변환이 발생한다.
==는 타입 변환이 먼저 발생하고, 양변의 타입이 같아지면 ===와 같은 방식으로 비교를 진행한다.

42 == '42' // true
1 == true // true

==는 원시 숫자 자료형을 선호한다. 42 == '42'에서 ==는 양변에서 숫자가 아닌 문자열 '42'를 숫자로 변환하여 비교를 수행한다. 밑의 1 == true에서도 마찬가지로 숫자가 아닌 값인 불리언 true를 숫자로 바꾼 후 비교한다.

*대소관계 비교연산자는 양변의 값이 모두 문자열일 경우 알파벳 순서로 비교한다.

let x = "10";
let y = "9"

x < y // true, 9보다 1이 순서 상 먼저이기 때문