Home JavaScript의 구조 분해 할당 Destructuring
Post
Cancel

JavaScript의 구조 분해 할당 Destructuring

구조 분해 할당

​ 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. ​ Destructuring의 사용 예제는 다음과 같습니다. ​

1
2
3
4
5
6
7
8
let a, b, rest;
[a, b] = [10, 20];

console.log(a); // 10
console.log(b); // 20

[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(rest); // [30,40,50]

​ 또한 객체 및 배열 리터럴 표현식을 사용하여 즉석으로 쉽게 데이터 배열을 만들 수도 있습니다. ​

1
2
3
4
var x = [1, 2, 3, 4, 5];
var [y, z] = x;
console.log(y); // 1
console.log(z); // 2

​ 또한 아래 예제와 같이 필요하지 않은 반환 값을 무시할 수도 있습니다. ​

1
2
3
4
5
6
7
8
function f() {
  return [1, 2, 3];
}

// ,로 구분시 빈 값을 넣어 특정 값 무시
var [a, , b] = f();
console.log(a); // 1
console.log(b); // 3
This post is licensed under CC BY 4.0 by the author.