&& 연산자로 undefined/null 걸러내기 (타입스크립트에서 응용)

&& 연산자의 다른 기능

원래 && 는 조건식 2개가 참이면 전부 참으로 판정하라는 논리연산자이다.

 

자료형에선?

&& 기호로 비교할 때 true와 false를 넣는게 아니라

'자료형'을 넣으면 && 사이에서 처음 등장하는 falsy 값을 찾아주고 그게 아니면 마지막 값을 남겨준다.

 

falsy 값은 false와 유사한 기능을 하는 null, undefined, NaN 이런 값들을 의미!!

1 && null && 3// null이 남음
undefined && '안녕' && 100// undefined 남음

 

이걸  exploit(이용,착취) 하면 if문을 조금 더 간략하게 쓸 수 있다고 한다.

그래서 && 기호를 이용해서

if (변수 && typeof strs === "string") {}

이렇게 사용하면 변수가 undefined라면 undefined가 남아서 if문이 실행되지 않고,

(if문 조건식안에 falsy 값이 남으면 if문 실행되지 않음!!!)

변수가 string 타입이면 if문이 실행된다. 

변수가 null, undefined인 경우를 쉽게 거를 수 있는 문법인 것!!! (타입스크립트 짤때)

function printAll(strs: string | undefined) {
  if (strs && typeof strs === "string") {
    console.log(s);
  }
}

 

 

* 위 포스팅은 코딩애플 '타입스크립트' 강의 수강 중 정리한 내용입니다. *