13 구조 분해 할당

적자생존·2022년 7월 1일
0

javascript restart

목록 보기
14/31
post-thumbnail

1. 구조 분해 할당

Destructuring assignment

구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식

가. 배열 구조 분해

예시

split 이용

만약 해당하는 값이 없으면??

없으면 undefined가 나오기 때문에 에러를 미연에 방지하기 위해서는 기본 값을 주면 된다.

예시

바꿔치기 하기

let a = 1
let b = 2

일때 a랑 b랑 바꾸고 싶다면?

let a = b라고 하는 순간 a는 사라지게 됨 그래서 b를 참조할 수 없기에 의미 없는 변수
let c = a를 만들고 let a = b, let b = c를 만들어야 했는데 매우 귀찮고 복잡한 작업이다.

그래서

let [a, b] = [b, a]

로 구조분해할당을 해주면 된다.

나. 객체 구조 분해

배열 구조 분해와 동일하나 순서가 바뀌어도 상관이 없다.

새로운 변수 이름으로 할당

기본값

만약 객체에 값이 있다면 기본값은 무시된다

즉 undefined일 때만 기본값이 사용이 되고 그 외의 경우에는 사용되지 않는다.

profile
적는 자만이 생존한다.

0개의 댓글