구조 분해 할당(Destructuring Assignment)

구조 분해 할당(Destructuring Assignment)

• 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다.
• 배열은 순서를 잘 생각해서 선언하고, 객체는 key값을 이름으로 선언한다.

구조 분해 할당을 사용하는 이유?

• 코드 길이를 줄여주거나 오타로 인한 오류를 억제해준다.

객체의 구조 분해 할당

const myuser = {
    myname : "철수",
    myage: 13,
    myschool: "다람쥐 초등학교",
}
const {myname, myage, myschool} = myuser

• 배열의 구조 분해 할당

const friends = ['철수','영희','광희'];
const [f1, f2, f3];

• 이를 잘 활용하면 배열을 객체로, 객체를 배열로도 가능

구조분해할당!
let arr =[
  [ 'easy', 234 ],
  [ 'normal', 759 ],
  [ 'hard', 677 ],
  [ 'nightmare', 46 ]
]      
  
let result= [];
// for문을 완성해주세요.

for (let i = 0; i < arr.length; i ++){
  let [key, value] = arr[i];
  let obj = {};
  obj[key] = `${value}`;  
  result[i] = obj
}

---

마치며

구조 분해 할당을 잘 이용하면 객체나 배열의 사용이 더욱 용이해지고 코드가 간결해질 수 있을 것이다.