Destructuring Assignment

Destructuring Assignment란?

구조 분해 할당 문법은 배열 혹은 객체에서 각각 값(value)이나 프로퍼티(property) 를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해준다.

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

구조 분해 할당이라고 해서 특별한 문법적 형태가 다른 것이 아니라, 위처럼 할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 해서 대입하는 형식으로 작성해야 한다.

여기서 또 활용되는 것이 앞의 포스팅에서 많이 보았던 ... 표현이다.

let array = [1, 2, 3, 4, 5];
let [a, b, ...rest] = array;
console.log(rest); // [3, 4, 5];

여기서 잠깐!!!🧐

알고리즘 문제를 풀다가 구조분해할당에 관련한 문제를 보자!

my_string 매개 변수를 [...]을 사용하여 reverse를 통해 뒤집어준후 join을 통해 문자열을 합쳐준다!!!

배열의 구조 분해:바꿔치기

구조분해

또한 알고리즘 문제 풀이 시간에 배열의 할당에 대한 문제도 풀어 보았는데~

const fruits = [];

// push
fruits.push("사과");
fruits.push("바나나");
fruits.push("파인애플");

// index
fruits[0] = "사과";
fruits[1] = "바나나";
fruits[2] = "파인애플";

빈배열을 선언한 후에 push 순차적으로 하고난뒤에 배열안에 값을 출력해보자!

👀여기서 가장먼저 push 된 value는 앞으로 밀려난다👀