본문 바로가기

클라이언트/JavaScript
[자바스크립트(JavaScript)] 전개 구문(Spread syntax)

// 전개 구문, Spread syntax

- 배열과 같은 iterable 객체(반복 가능한 객체)를 확장시켜준다.

- 점 3개 ( ... ) 로 표기한다.

- 깊은 복사로 활용할 수 있다.

- 함수로 호출할 경우 : 0개 이상의 인수로 확장
- 배열 리터럴 : 요소로 확장
- 객체 리터럴 : 객체 표현식 -> 0개 이상의 키-값 쌍으로 확장


const nums = [24,5,6,7,357,4568,345,213123];

Math.max(...nums);

console.log(...nums);

const feline = {
  legs: 4,
  family: 'Felidae'
};

const canine = {
  isFurry: true,  
  family: 'Caninae'
}

const catDog = {...feline, ...canine, isCute: true};

const feline2 = {...feline};
feline2.isCute = true;

const num1 = [1, 2, 3, 4, 5];
const num2 = num1;
const num3 = [...num1];