WEB/JavaScript

[JavaScript] 추가 객체 문법 ②

bay07 2024. 4. 18. 10:26

5. Object with '전개 구문'

"객체 복사" 
객체 내부에서 객체를 전개한다 

얕은 복사에 활용 가능하다 

 

6. 유용한 객체 매서드 

Object.keys()
Object.values()

 

7. Optional chaining ( ' ?. ')

장점 
참조가 누락될 가능성이 있는 경우, 
연결된 속성으로 접근할 때 
더 짧고 간단한 표현식을 작성할 수 있다 

어떤 속성이 필요한지에 대한 보증이 확실하지 않은 경우에
객체의 내용을 보다 편리하게 탐색할 수 있다 

 



속성이 없는 중첩 객체를
에러 없이 접근할 수 있는 방법 

만약 참조 대상이 null 또는 undefined라면, 
에러가 발생하는 것 대신 
평가를 멈추고 undefined를 반환한다 

 

만약 Optional chaining을 사용하지 않는다면
' && ' 연산자를 사용해야 한다 

 

▷ Optional chaining 주의사항 

1. Optional chaining은 존재하지 않아도 괜찮은 대상에만 사용해야한다. 
남용하면 안됨 ! 

왼쪽 평가대상이 없어도 괜찮은 경우에만 선택적으로 사용한다 
중첩 객체를 에러 없이 접근하는 것이 사용 목적이기 때문에
2. Optional chaining 앞의 변수는 반드시 선언되어 있어야 한다. 

 

▷ Optional chaining 정리 

'WEB > JavaScript' 카테고리의 다른 글

[JavaScript] 'new' 연산자  (0) 2024.04.18
[JavaScript] JSON , Object ↔ JSON 변환하기  (0) 2024.04.18
[JavaScript] 추가 객체 문법 ①  (0) 2024.04.18
[JavaScript] Method, this  (0) 2024.04.18
[JavaScript] 객체  (0) 2024.04.18