🪡 JS/TS 헷갈리는 문법 정리하기

==와 ===의 차이는 무엇인가?

🔑 Key Point: 암묵적 타입 변환 허용 여부

동등 연산자인 == 는 비교하는 두 값의 타입이 다르면 JS 엔진이 임의로 타입을 일치시킨 후, 값을 비교한다.
일치 연산자인 === 는 타입 변환을 허용하지 않고, 값과 타입이 모두 같아야만 true를 반환한다.

==와 ===의 용도

🔑 Key Point

• null, undefined 동시 체크
• 타입의 안정성 확보

실무에서는 타입 안정성을 위해 === 사용을 원칙으로 한다.
다만 == 는 null, undefined를 동시에 체크해 코드를 간소화할 때 제한적으로 사용한다.

obj == null

obj가 null이거나 undefined인 경우를 한 번에 걸러낼 수 있다.

모든 속성 key와 value가 같은 두 객체를 비교할 때 ==와 ===의 차이점

🔑 Key Point

• 참조 타입이라 메모리 주소값을 비교한다.

결과는 둘 다 false !

객체는 메모리의 힙 영역에 저장되는 참조 타입이기 때문이다.
두 객체의 내부 속성 값 동일 여부와 관계 없이, 두 객체는 각각 독립된 메모리 주소에 할당되므로 가리키고 있는 참조값이 다르다.
==와 === 모두 객체를 비교할 때는 내부 값이 아닌 메모리 주소 값을 비교한다.

만약 객체 내부 값의 동일 여부를 비교하려면 JSON.stringify() 함수를 사용해 깊은 비교를 수행해야 한다.

>>와 >>>의 차이 (비트 시프트 연산자)

🔑 Key Point: 부호 처리 방식

>> 와 >>> 모두 비트를 오른쪽으로 이동시키는 시프트 연산자이다.

>> 는 부호 있는 시프트 연산자이다.
모든 비트를 오른쪽으로 밀고, 빈 자리를 기존의 부호 비트(양수면 0, 음수면 1
)로 채운다. 따라서 숫자의 부호가 연산 후에도 유지된다.

>>> 는 부호 없는 시프트 연산자이다.
모든 비트를 오른쪽으로 밀고, 빈 자리를 부호와 상관 없이 무조건 0으로 채운다.
⚠️ 만약 이 연산자를 음수에 수행할 경우, 부호 비트가 0이 되며 매우 큰 양수로 변하게 될 수 있다.

정리하면,

실무에서는 부호가 깨지지 않아야 하는 일반적인 정수 연산에는 >> 를 사용하고,
부호와 상관 없이 순수한 비트 배열 자체를 다루거나 메모리 최적화를 위해 양수 값을 강제해야 할 때 제한적으로 >>> 를 사용한다.