Javascript JS 배열 구조 분해, 객체 구조 분해

배열(Array)

// 배열 구조 분해
let users = ['Mike', 'Tom', 'Jane'];
let [user1, user2, user3] = users;
/*
위와 같은 표현
let user1 = users[0];
let user2 = users[1];
let user3 = users[2];
*/

// 배열 구조 분해 : 기본값
let [a,b,c] = [1,2]; // a와 b에는 각 각 1과 2가 들어가지만 c는 할당값이 없어 undefined가 들어감
let [a=3,b=4,c=5] = [1,2]; // 이처럼 기본값을 주면 undefined일시 기본값이 들어감

// 배열 구조 분해 : 일부 반환값 무시
let [user1, ,user2] = ['Mike','Tom','Jane','Tony']; // user1에 Mike , , 사이 빈값으로 Tom을 건너뛰고 user2에 Jane 그다음 할당 공간이 없으니 Tony 무시

// 배열 구조 분해 : 바꿔치기
let a = 1;
let b = 2;
// a와 b의 값을 바꾸고 싶다면
[a, b] = [b, a];

 

객체(Object)

// 객체 구조 분해
let user = { name: 'Mike', age: 30 };
let {age, name} = user;
/*
순서 상관 없음
let {name, age} = user;

새로운 키값으로 변경 가능
let {name: userName, age: userAge} = user; name -> userName, age -> userAge

기본값
let {name, age, gender = 'male'} = user; gender가 없을시 'male' 기본값 있으면 있는값이 들어감
*/