자바스크립트에서 논리 연산자 사용.

간단하게 자스에서 값 할당, 대입 시 논리연산자를 사용하는 경우를 알아보겠다.

 

자바스크립트는 다른 언어들과 다르게 if문의 논리 연산자 이외에

 

다른 방식으로도 사용이 가능하다.

 

저렇게 &&를 사용하면 왼쪽의 케이스가 falsy값이 아니고 true일 때,

 

오른쪽의 값을 할당받는다.

 

 

반대의 경우는 

 

이렇게 falsy값이 할당이 될것이다.

 

 

이를 활용해 리액트의 JSX 문법에서는

 

이렇게 && 왼쪽의 케이스를 판별해 html element나 컴포넌트를 남길 수도 있다.

 

즉, 삼항연산자를 좀 더 간략하게 사용할 수 있다.

 

 

다른 예시로는

 

이렇게 movieMatch라는 값이 존재함으로 true를 반환해 && 오른쪽의 값을 식별자가 할당받는

 

경우를 들 수 있겠다.

 

 

반면 | | 의 경우는 &&의 반대다.

 

&& 연산자가 왼쪽의 값을 판별해 참이면 오른쪽의 값을 가지고 거짓이면 왼쪽의 값을 가짐에 반해,

 

| |는 왼쪽의 값이 참이면 그대로 그 값을 가지고 거짓이면 오른쪽의 값을 가진다.

 

브라우저도 맞다함.

 

해당 방식으로 타입스크립트에서 까다롭게구는 옵셔널 체이닝을 수월하게 사용할 수 있다.

 

 

간혹가다

 

이렇게 ??를 사용하는 경우가 있는데,

 

위의 테스트에서 알수있다시피 | | 와 같은 기능을한다.