[Javascript] 구조 분해 할당과 선택적 체이닝

구조 분해 할당

---

객체 혹은 배열 데이터를 분해해서 구조에 맞춰 각각의 데이터에 할당해주는 방식

 

- 배열

const arr = [1,2,3]

const [a,b,c] = arr
[,,c] = arr //a,b,c,가 미리 선언되어 있고 c값만 필요할 때 다음과 같이 사용할 수 있음

const [a,..rest] = arr // 나머지는 rest 변수에 저장

- 객체

const obj = {
	a:1,
	b:2,
	c:3
}

const {a,b} = obj // 키 값이 a,b인 값을 사용
const {x} = obj //해당 값은 obj 객체 내에 선언되지 않았으므로 undefined임

속성 이름으로 바로 해당하는 속성을 꺼내서 사용할 수 있다.

 

선택적 체이닝

---

값이 존재하지 않는 경우 에러를 발생시키지 않고 undefined를 반환시켜준다

const user = {}

console.log(user?.name || '이름없음') // undefined