[JavaScript] 08. Destructuring assignment

SSOYEONG·2022년 8월 1일
0

자바스크립트 기초

목록 보기
7/11
post-thumbnail

Destructuring assignment

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

Example

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'

let [a, b, c] = [1, 2];
// c는 undefined
let [a=3, b=4, c=5] = [1, 2];
// default 값을 설정하면 error 방지


// 일부 반환값 무시
let [user1, , user2] = ['Mike', 'Tom', 'Jane', 'Tony'];
console.log(user2);		// 'Jane'

// 바꿔치기
let a = 1;
let b = 2;
[a, b] = [b, a];

// 객체 구조 분해
let user = {name: 'Mike', age: 30};
let {name, age} = user;
console.log(name);		// 'Mike'
console.log(age);		// 10

let {name, age, gender = 'male'} = user;
console.log(gender);		// 'male'
profile
Übermensch

0개의 댓글