구조 분해 할당 (Destructuring assignment)

 

구조 분해 할당 구문은 배열이나 객체의 속성읇 분해해서

그 값을 변수에 담을 수 있게 하는 표현식

 

let [x, y] = [1, 2]; // x = 1, y = 2

let users = ["Mike", "Tom", "jane"];

let [user1, user2, user3] = users;

user1 === users[0];
user2 === users[1];
user3 === users[2];

 

let str = "Mike-Tom-Jane";

let [user1, user2, user3] = str.split("-"); // ["Mike", "Tom", "jane"] 각각 할당된다

 

let [a, b, c] = [1, 2];
a = 1;
b = 2;
c = undefined;

let [a = 3, b = 4, c = 5] = [1, 2];
// 값이 undefined 면 기본 값을사용한다
a = 1;
b = 2;
c = 5;

 

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

let [user1, ,user2] = [1, 2, 3, 4]

user1 = 1

키 값이 없어서 무시

user2 = 3

키 값이 없어서 무시

 

배열 구조 분해 : 바꿔치기

let a = 1;

let b = 2;

 

let c = a;

a = b

b = c;

필요 없는 변수 하느를 만들었어야 했는데

밑에 배열 구조를 이용하면 필요없는 변수를 만들필요가없다

[a, b] =[b, a]

 

let user = {name: "Mike", age: 30}

 

let {name, age} = user

let name = user.name;

let age = user.age;

 

let {name: userName, age: userAge} = user;

 

let{name, age, gender} = user;

gender = undefined

let{name, age, gender = 'male'} = user;

gender = 'male'