ES6 中的数组和对象扩展运算符用法

# 1. ES6数组扩展运算符介绍

## 1.1 什么是扩展运算符
扩展运算符（Spread Operator）是ES6中引入的一个新的语法，用三个点(...)表示，它可以在某些语法上下文中展开数组或对象。它可以将数组或对象“展开”成为一个逗号分隔的参数序列。

## 1.2 ES6中的数组扩展运算符语法
在ES6中，使用数组扩展运算符的语法为三个点(...)加上要展开的数组名，例如：`...arr`。

## 1.3 扩展运算符在数组中的应用场景
扩展运算符在数组中常用于数组的展开、合并和拷贝操作。它可以简化代码，并使数组操作更加灵活和高效。接下来我们将详细介绍数组扩展运算符的基本用法及高级应用。

（接下来按照上述目录结构，我会继续补充第一章的内容）

# 2. 数组扩展运算符的基本用法

数组扩展运算符在ES6中提供了许多便利的操作数组的方法，包括数组的展开、合并和拷贝等功能。

### 2.1 数组的展开

数组的展开操作可以将一个数组展开成多个元素，在函数调用、数组构造和对象构造等场景中特别有用。

#### 示例代码

// 将数组展开成多个元素
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const newArr = [...arr1, ...arr2];

console.log(newArr); // 输出结果：[1, 2, 3, 4, 5, 6]

#### 代码解释

在上面的示例中，我们使用扩展运算符将两个数组`arr1`和`arr2`展开，然后将它们合并到一个新的数组`newArr`中。

### 2.2 数组的合并

数组扩展运算符还可以用于合并数组，将多个数组合并成一个新的数组。

#### 示例代码

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = [...arr1, ...arr2];

console.log(mergedArr); // 输出结果：[1, 2, 3, 4, 5, 6]

#### 代码解释

在上面的示例中，我们使用扩展运算符将两个数组`arr1`和`arr2`合并成一个新的数组`mergedArr`。

### 2.3 数组的拷贝

数组的拷贝是指创建一个数组的副本，避免直接对原数组进行修改。

#### 示例代码

const originalArr = [1, 2, 3];

// 使用扩展运算符进行数组拷贝
const copiedArr = [...originalArr];

console.log(copiedArr); // 输出结果：[1, 2, 3]

#### 代码解释

在上面的示例中，我们利用扩展运算符`[...]`对`originalArr`进行拷贝，得到一个新的数组`copiedArr`，这样就不会影响到原始数组`originalArr`。

通过这些基本用法，我们可以有效地操作数组，实现展开、合并和拷贝等功能。

# 3. 数组扩展运算符的高级应用

数组扩展运算符在ES6中提供了一些高级应用，让我们来逐一学习这些用法。

#### 3.1 使用扩展运算符进行函数传参

在ES6中，可以使用扩展运算符将数组的元素作为函数的参数进行传递。

// 示例代码
function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers)); // 输出 6

在上面的示例中，我们定义了一个`sum`函数，接受三个参数并返回它们的和。然后我们创建了一个包含三个元素的数组`numbers`，并使用扩展运算符将数组的内容作为`sum`函数的参数传递进去。

#### 3.2 将类数组对象转