간단하게
해당 필드(?)가 있는지 확인하고 읽을 필요 없이 바로 확인해서 출력해주는 연산자
편리하긴 한데.. 위험하지 않나 생각되네
| const adventurer = { name: 'Alice', cat: { name: 'Dinah', }, }; if( adventurer.dog != undefined) console.log(adventurer.dog); else console.log(undefined); undefined adventurer?.dog undefined |
| Optional chaining optional chaining 연산자 (?.) 는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다. ?. 연산자는 . 체이닝 연산자와 유사하게 작동하지만, 만약 참조가 nullish (null 또는 undefined)이라면, 에러가 발생하는 것 대신에 표현식의 리턴 값은 undefined로 단락된다. 함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴한다. 따라서 참조가 누락될 가능성이 있는 경우 연결된 속성으로 접근할 때 더 짧고 간단한 표현식이 생성된다. 어떤 속성이 필요한지에 대한 보증이 확실하지 않는 경우 객체의 내용을 탐색하는 동안 도움이 될 수 있다. |
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining]
함수나 객체에도 접근 가능하다.
| ?.() ?.[] |
[링크 : https://ko.javascript.info/optional-chaining]
[링크 : https://coding-farmer.tistory.com/4]
ES2020에 추가된 기능이라고
[링크 : https://pewww.tistory.com/27]
'Programming > javascript & HTML' 카테고리의 다른 글
| js split() (0) | 2024.04.12 |
|---|---|
| qr decoder part 2 (0) | 2024.04.07 |
| javascript groupby map (0) | 2024.03.12 |
| javascript 숫자 (0) | 2024.02.07 |
| 마우스로 테이블 열 변경하기 (0) | 2024.02.02 |
