비 구조화 할당

비 구조화 할당 전

let arr = ["one", "two", "three"];

let one = arr[0];

let two = arr[1];

let three = arr[2];

console.log(one, two, three);

비 구조화 할당

let [one, two, three] = ["one", "two", "three"]; //인덱스 각각이 대응됨

console.log(one, two, three); // one two three

비구조화 할당- 기본값

let [one, two, three, four = "four"] = ["one", "two", "three"]; // 기본값 "four"

console.log(one, two, three,four); // one two three four

응용 : swap

let a = 10;
let b = 20;

[a,b] = [b,a];
console.log(a,b); // 20 10

객체의 비구조화할당

let object = { one: "one", two: "two", three: "three", name: "이혜미" };

let { name, one, two, three } = object; // key값을 기준으로 비구조화 할당, 변수를 key값과 동일하게 해야만 하는 단점

console.log(one, two, three, name); // one two three 이혜미

// 객체의 비구조화 할당 


let object = { one: "one", two: "two", three: "three", name: "이혜미" };

let { name: myName, one, two, three } = object; // key값을 기준으로 비구조화 할당, 변수를 key값과 동일하게 하여야 하는 단점

console.log(one, two, three, myName); // one two three 이혜미

//변수 이름을 바꿀 수 있도록 (ex) name : myName


let object = { one: "one", two: "two", three: "three", name: "이혜미" };

let { name: myName, one, two, three, 기본값 = "abc" } = object; // object에 존재하지 않는 key-value는 기본값으로 설정

console.log(one, two, three, myName, 기본값); // one two three 이혜미

// 선언한 object에 없는 key-value : 기본값 설정하기 기본값 = "abc"