spread 연산자

객체에서의 Spread

const slime = {
  name: "슬라임"
};

const cuteSlime = {
  name: "슬라임",
  attribute: "cute"
};

const purpleCuteSlime = {
  name: "슬라임",
  attribute: "cute",
  color: "purple"
};

console.log(slime);
console.log(cuteSlime);
console.log(purpleCuteSlime);

- 위와 같은 코드를,

... 이 스프레드 연산자를 활용하여 배열, 문자열, 반복객체를 다른 배열, 문자열, 반복 객체로 빠르게 복사할 수 있음.

const slime = {
  name: "슬라임"
};

const cuteSlime = {
  ...slime,
  attribute: "cute"
};

const purpleCuteSlime = {
  ...cuteSlime,
  color: "purple"
};

console.log(slime);
console.log(cuteSlime);
console.log(purpleCuteSlime);
console.log(slime === cuteSlime);

 

 

 

다만 스프레드 연산자는 기존 객체를 '복사'하는 개념이기 때문에, 복사한 객체와 동일하지 않다.

 

배열에서의 Spread

const animals = ["개", "고양이", "참새"];
const anotherAnimals = [...animals, "비둘기"];


console.log(animals);
console.log(anotherAnimals);

- 위와 같이 배열에서도 spread 연산자를 사용 가능하다.