JavaScript기초2 - 구조 분해 할당

오늘은 스파르타 코딩크럽 부트캠프에서 제공된 JavaScript문법 강의를 듣고 배운 내용을 정리해보았다.

여러가지 실습을 진행해 보았는데

1. 배열의 요소로 함수를 할당

   아래와 같이 배열의 요소로 함수를 할당 할 수 있다는 것을 배웠다.

   const myArr = [
   	function (a, b) {
       	return a + b
       }, function (a, b) {
       	return a - b
       },
   ];

2. 구조 분해 할당 - destructuring
   2-1. 배열의 경우

let [value1, value2] = [1,"new"];
// value1에는 1이 할당, value2에는 "new"가 할당된다.

let arr = ["var1", "var2", "var3"];
let [a, b, c, d] = arr;
// a 에는 var1이 할당, b에는 var2가 할당 c에는 var3이 할당
// d에는 arr 값이 비어있으므로 undefined가 출력된다.

3-1. 객체의 경우

let user = {
	name: 'wldud',
    age: 30,
};

객체를 분해하여 name, age에 각각 할당

let {name, age} = { 
	name: 'wldud',
    age: 30,
}

새로운 이름으로 할당

	let user = {
    	name: 'wldud',
        age: 30,
    };
    let {
    	name: newName;
        age: newAge;
    } = user;

위의 형태로 배열의 요소를 함수로 할당할 수 있다는것과
구조 분해 할당 배열에서 활용법, 객체에서 활용법을 배워보았다.
아직 익숙치 않지만 많이 복습하면서 익숙해져보도록 해야겠다.