구조 분해 할당(Destructuring assignment)
: 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식
배열 구조 분해
let [x, y] = [1, 2];
console.log(x); //1
console.log(y); //2
JavaScript
복사
let users = ['Mike', 'Tom', 'Jane'];
let [user1, user2, user3] = users;
console.log(user1); //'Mike'
console.log(user2); //'Tom'
console.log(user3); //'Jane'
JavaScript
복사
let str = 'Mike-Tome-Jane';
let [user1, user2, user3] = str.split('-');
console.log(user1); //'Mike'
console.log(user2); //'Tom'
console.log(user3); //'Jane'
JavaScript
복사
배열 구조 분해 : 기본값
let [a, b, c] = [1, 2]; //c는 undefined
let [a=3, b=4, c=5] = [1, 2]; //default 값을 줄 수 있다.
console.log(a); //1
console.log(b); //2
console.log(c); //5
JavaScript
복사
배열 구조 분해 : 일부 반환값 무시
let [user1, , user2] = ['Mike', 'Tom', 'Jane', 'Tony'];
console.log(user1); //'Mike'
console.log(user2); //'Jane'
JavaScript
복사
객체 구조 분해
let user = {name: 'Mike', age: 30};
let {name, age} = user;
console.log(name); //'Mike'
console.log(age); //30
JavaScript
복사
객체 구조 분해 : 새로운 변수 이름으로 할당
let user = {name: 'Mike', age: 30};
let {name: userName, age: userAge} = user;
console.log(userName); // 'Mike'
console.log(userAge); // 30
JavaScript
복사
객체 구조 분해 : 기본값
let user = {name: 'Mike', age: 30};
let {name, age, gender = 'male'} = user;
JavaScript
복사
