스프레드 연산자에 대한 설명... ES6에서

ES6의 스프레드 연산자는 ...배열 또는 배열과 같은 객체를 독립적인 요소로 확장하여 코드를 더 간결하고 읽기 쉽게 만들 수 있습니다.

특히 스프레드 연산자는 다음 시나리오에서 사용할 수 있습니다.

1. 함수 매개변수에서 사용: 배열을 함수 매개변수로 사용하고 스프레드 연산자를 사용하여 독립 요소로 확장하고 함수에 전달합니다.

2. 새 배열 구성: 배열 리터럴을 사용하여 새 배열을 구성할 때 스프레드 연산자를 통해 기존 배열의 요소를 새 배열로 빠르게 병합할 수 있습니다.

3. 새 개체 생성: 스프레드 연산자를 사용하여 여러 개체를 새 개체로 결합하거나 개체에서 일부 속성을 추출하여 새 개체를 만듭니다.

다음은 몇 가지 일반적인 예입니다.

// 1. 函数参数
function sum(x, y, z) {
  return x + y + z;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6

// 2. 构造新数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

// 3. 生成新对象
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const merged = { ...obj1, ...obj2 };
console.log(merged); // { a: 1, b: 2, c: 3, d: 4 }

// 从对象中提取部分属性创建新对象
const { a, b, ...rest } = merged;
console.log(a, b); // 1, 2
console.log(rest); // { c: 3, d: 4 }