jam 블로그

[es6] destructuring assignment 본문

개발 및 관련 자료/WEB

[es6] destructuring assignment

kid1412 2019. 10. 20. 23:03
반응형

destructuring assignment (해체 할당)

이터러블이나 객체의 값/프로퍼티를 각각 배열이나 객체 생성자 리터럴과 비슷한 구문으로 변수에 할당하는 표현식

// es5
var arr = [1, 2, 3];
var a = arr[0]; // 1
var b = arr[1]; // 2
var c = arr[2]; // 3
// es6
const arr = [1, 2, 3];
let a, b, c;
[a, b, c] = arr; // [1, 2, 3]

let [d, , e] = arr;console.logbconsole.logb
console.log(d); // 1
console.log(e); // 3

let [f, ...g] = arr;
console.log(a); // 1
console.log(g); // [2, 3]

// 기본값을 undefined 이외의 값으로 지정 가능
let [h, i, j = 3] = [1, 2];
console.log(j); // 3

let [ k, l, [m, n]] = [1, 2, [3, 4]];

// 배열 말고도 object에서도 가능
const object = {"name": "이름", "age": "12"}
const {name, age} = object;
console.log(name); // 이름
console.log(age); // 12

'개발 및 관련 자료 > WEB' 카테고리의 다른 글

React Webpack (babel4 + typescript) 작성하기  (0) 2019.11.11
[es6] const, let  (0) 2019.10.20
[es6] destructuring assignment  (0) 2019.10.20
[es6] parameter  (0) 2019.10.20
지긋지긋한 CORS 파헤쳐보자  (0) 2019.10.20
Center를 장악해보자  (0) 2019.10.20
0 Comments
댓글쓰기 폼