Front-End/JavaScript

[JavaScript] Destructuring

미피뿌 2019. 2. 18. 16:28
반응형

Destructuring


Array


1
2
3
4
5
6
7
8
9
// Destructuring
let data = ["crong", "honux", "jk", "jinny"];
//일반적으로 구하는 방법
// let jisu = data[0];
// let jung = data[2];
 
let [jisu, , jung] = data;
console.log(jisu, jung);
 
cs

> 

  • "crong"
  • "jk"



Object 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
let obj = {
  name : "crong",
  addres : "Korea",
  age : 20
}
 
// name, age 출력
//let {name, age} = obj;
//console.log(name, age);
 
// 이름을 변경하여 새로운 값으로 출력
let {name:myName, age:myAge} = obj;
console.log(myName, myAge);
 
cs

> 

  • "crong"
  • 20



변수에 배열(Array) 이나 오브젝트(Object) 에 필요한 값을 할당하는데 유용하게 사용할 수 있다. 



반응형