[Javascript] 비구조화 할당

📖 비구조화 할당

1. 비구조화 할당

배열이나 객체의 속성 ,값을 해체해 해당 값을 변수에 각각 담아 사용하는 JS 표현식이다.
비구조화 할당을 사용할 경우 좌측엔 변수명 우측엔 해당 변수에 할당할 배열을 넣어주면 된다.

2. 비구조화 할당시 이름 변경

비구조화 할당시 선언하는 값의 이름을 바꾸는 방법

const newJeans = {
  mem1: 'Min',
  mem2: 'HA'
};

const {mem1: lovMem} = newJeans;
console.log(lovMem); //Min

위와 같이하면 newJeans 객체안 mem1을 lovMem으로 선언하며 이름변경을 할 수 있다.

3. 객체 비구조화 할당

const newJeans = {
  name1: 'Min',
  name2: 'Ha',
  name3: 'Da'
};

const print = (member) => {
  const {name1, name2, name3} = member;
  const text= `멤버에는 ${name1},${name2},${name3}등이 있습니다.`;
  console.log(text);
}

print(newJeans);//멤버에는 Min,Ha,Da등이 있습니다. 

4. 배열 비구조화 할당

//기존 문법
const newList = ['Num1', 'Num2', 'Num3'];
const n1 = newList[0];
const n2 = newList[1];
const n3 = newList[2];
///비구조화 할당 문법
const newList = ['Num1', 'Num2', 'Num3'];
const [n1, n2, n3] = newList;