https://youtu.be/lV7ulA7R5Nk

코딩앙마님의 자바스크립트 중급 강의를 듣고 정리한 내용입니다.

구조 분해 할당 구문이란?

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

배열 구조 분해

let [x,y] = [1,2]
console.log(x); //1
console.log(y); //2

예제

let users = ['Mike','Tom','Jane'];
let [user1, user2, user3] = users;

console.log(user1); //'Mike'
console.log(user2); //'Tom'
console.log(user3); //'Jane'

//배열 메서드를 사용해도 OK
let str = 'Mike-Tom-Jane';
let [user1, user2, user3] = str.split('-'); // ['Mike','Tom','Jane'];

Q. 만일 해당하는 값이 없다면?

A. 기존에 할당된 값이 나옵니다. 만일 할당된 값이 없다면 기본값인 Undefined가 들어갑니다

배열 구조 분해 : 일부 반환값 무시

let [user1, , user2] = ['Mike','Tom','Jane','Tony'];
console.log(user1); //'Mike'
console.log(user2); //'Jane'

배열 구조 분해 : 바꿔치기