비 구조화 할당

배열

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

let one = arr[0];
let two = arr[1];
let three = arr[2];

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

위의 코드와 같이 하나하나 할당하는 방법도 있지만 좀더 간단하게 할당하는 방법이 있다.

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

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

arr의 [0] -> One, [1] -> two, [2] -> three 할당된다.

let [one, two, three, four = "default"] = ["one", "two", "three"];
console.log(one, two, three, four); //one two three default 

직접할당도 가능하다.
만약 새로운 변수에 새로운 값을 만들고 싶으면 four와같이 변수 ="값"을 추가해주면 된다.

swap

변수의 값을 교환하는것을 swap이라고 한다.

기존의 swap은 temp 변수를 만들어 3개의 변수에서 교환해주는 방식이다.

let a = 10;
let b = 20;
let tmp;

let tmp = a;
let a = b;
let b = tmp;

console.log(a,b) //20 10

이를 간단하게 표현해보자.

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

객체

let obj = {
    one: 1,
    two: 2,
    three: 3
}

let one = obj["one"];
let two = obj.two;
let three = obj.three;

객체는 위와같이 할당하는게 일반적이였다.
그러나 비구조화 할당을 이용하면 더 간단히 표현할 수 있다.

let obj = {
    one: 1,
    two: 2,
    three: 3,
    name: "Javascript"
};

let { one, two, three, name: React, four="default"} = obj; 
console.log(one, React, two, three, four);

• 변수를 추가하고 싶을때
  변수 ="값"을 추가 ex) four="default"
• key값의 이름을 바꾸고 싶을때
  key값: 바꿀이름 ex) name: React