JavaScript (Destructuring, 구조분할)

Destructuring, 구조분할

배열의 원소나 객체의 프로퍼티를 추출해서 변수에 저장할 수 있도록 한다(원소나 프로퍼티를 하나만 가져온다)

 

스프레드와는 다르다.(모든 원소와 프로퍼티를 가져와서 새 배열이나 객체 에 전달한다)

 

Array Destructuring

[a,b] = ['Hello','Jin']
console.log(a)
console.log(b)

배열 a,b 에 새로 생성하는 것이 아니라 a 와 b 에 각각 Hello 와 Jin 을 할당한것

//배열 디스트럭쳐링

const numbers = [1,2,3];
[num1,num2] = numbers;
console.log(num1,num2); //1,2

const numbers = [1,2,3];
[num1, , num3] = numbers;
console.log(num1,num3); //1,3

 

Object Destructuring

{name} = {name: 'jin', age:35}
console.log(name)
console.log(age)