js 다지기

1. spread 연산자
   모든 원소나 프로퍼티를 가져오는 것

const numbers=[1,2,3];
const newNumbers=[...numbers, 4];

console.log(newNumbers); //[1,2,3,4]
//const newNumbers=[numbers, 4] 였다면 [[1,2,3],4]

const person={
  name: 'Max'
};

const newPerson={
  ...person, 
  age:28
};

console.log(newPerson); // {age: 28, name:'Max'}

2. Destructuring
   원소나 프로퍼티를 하나만 가져와서 변수에 저장

const numbers=[1,2,3];
[num1, num2]=numbers;
console.log(num1, num2); //1 2

[num1, , num3]=numbers;
console.log(num1, num3); //1 3

3. 참조

const person={
  name:'Max'
};

//이 경우 포인터가 복사되므로 person의 property 변경 시 secondPerson도 변경됨
const secondPerson=person;

//따라서 깊은 복사 필요 (person과는 독립적인 복사본 생성)
const secondPerson={
  ...person
};

4. map

const numbers=[1,2,3];

const doubleNumArray=numbers.map((num)=>{
  return num * 2;
});

console.log(numbers); // [1,2,3]
console.log(doubleNumArray); // [2,4,6]