Javascript

Optional Chaining 연산자

yemsu 2021. 10. 28. 10:37

 

대박! 이거 너무 좋다.

실험기술이라고 되어있긴 하지만, IE 빼고 다 된다고 되어있따.

 

const nestedProp = obj.first ? obj.first.second : undefined;

그동안 이런 코드 쓴적 많았다!! 쓰면서 뭔가 언짢았었는데..

 

const nestedProp = obj.first?.second;

이제 요로케 Optional Chaining 연산자를 쓰면 된다! 아름다워....

 

const nestedProp = obj.first?.second?.third

그리고 중첩된 구조에서는 이렇게 여러번 사용할 수 있다.

 

const nestedProp = obj.first?.second ?? 'second'

Optional Chaining을 사용한 후에 아무 값을 찾을 수 없을땐, 널 병합 연산자 '??' 를 사용하여 기본값을 지정할 수 있다!

 

당장쓰러가바야징

 

참고 url

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining