[JS] 전개 연산자란?

전개연산자 예시와 정의

전개 연산자(Spread)

전개 연산자(Spread)는 배열이나 객체 같은 iterable(반복 가능한) 객체의 요소를 하나씩 분리하여 전개한다.

배열의 내용을 첫번째부터 끝까지 나열하고 싶을 때 일일이 작성하는 것 대신 전개 연산자를 사용하여 간단하게 작성할 수 있다.

예시:

const fruits = ['apple', 'banana', 'kiwi'];
console.log(...fruits);

결과:

apple banana kiwi

rest parameter

함수의 매개변수에도 이와 같은 전개 연산자를 이용할 수 있는데, 나머지의 모든 인수를 받아내는 역할을 하기 때문에 ‘나머지 매개변수’라고 한다.

또한 속성의 이름과 변수의 이름이 같으면 축약할 수 있다 하나만 남겨도 가능하다
중괄호는 함수의 범위를 나타내는 범위를 나타내기 때문에 소괄호에서 객체 데이터를 정의해야 함수 밖으로 반환될 수 있다

function myFunc(...args) {
  console.log(args);
}

myFunc(1, 2, 3, 4, 5);

결과:

[1, 2, 3, 4, 5]

반응형

속성의 이름과 변수의 이름이 같으면 축약할 수 있다.

const name = 'Alice';
const age = 25;

const person = {
  name,
  age,
};

console.log(person);

결과:

{ name: 'Alice', age: 25 }

중괄호는 함수의 범위를 나타내는 범위를 나타내기 때문에 소괄호에서 객체 데이터를 정의해야 함수 밖으로 반환될 수 있다.

배열의 내용을 첫번째부터 끝까지 나열하고 싶을 때 일일이 작성하는 것 대신 아래와 같이 작성한다

console.log(...fruits);