자바스크립트 Destructuring object

Destructuring object

- 객체의 속성을 고유한 변수로 압축하고 해제 할 수 있다.

 

let character = {
	name : "kkk",
	age : 20
}
let {name, age} = character;

console.log(name, age);	// kkk , 20

 

* 활용

1) 배열에서 필요한 변수의 값을 사용하는 것도 가능

let arr = [
	{
    "one" : "a",
    "two" : "b"
    },
    {
    "one" : "c",
    "two" : "d"
    }
];

// #1
let [,aa] = arr;
console.log(aa); // {one: 'c', two: 'd'}

// #2
let {one, two} = aa;
console.log(one, two);	// c d

let arr = [
	{
    "one" : "a",
    "two" : "b"
    },
    {
    "one" : "c",
    "two" : "d"
    }
];

// #1
let [,aa] = arr;
console.log(aa); // {one: 'c', two: 'd'}

// #2
let [ ,{one, two}] = arr;
console.log(one);	// c

 

2) 이벤트 객체 전달

let arr = [
	{
    "one" : "a",
    "two" : "b"
    },
    {
    "one" : "c",
    "two" : "d"
    }
];

// # 1
function print([,{two}]) {
	console.log(aa);
}
print(arr);