ES6数组之扩展运算符操作实例分析

本文将详细讲解ES6数组的扩展运算符操作，包括其定义、用途、示例等内容，并带有完整的示例说明。

定义

ES6中的扩展运算符是是一个三个点...，可以将一个数组拆分成用逗号分隔的一些值，或者在 array literals 和 function arguments 中。

用途

1. 合并数组

可以使用扩展运算符来合并两个或多个数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [...arr1, ...arr2];

// 打印结果为 [1, 2, 3, 4, 5, 6]
console.log(arr3);

2. 与函数参数结合使用

扩展运算符可以将一个数组拆开，将其作为函数的参数使用。

function sum(x, y, z) {
  return x + y + z;
}
let arr = [1, 2, 3];

console.log(sum(...arr)); // 打印结果为 6

示例说明

示例一

下面是一个利用扩展运算符合并两个数组的例子：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [...arr1, ...arr2];

// 打印结果为 [1, 2, 3, 4, 5, 6]
console.log(arr3);

在这个例子中，我们定义了两个数组arr1和arr2，然后使用扩展运算符将它们合并成一个数组arr3，并打印输出结果。

示例二

下面是一个利用扩展运算符将一个数组作为函数参数的例子：

function sum(x, y, z) {
  return x + y + z;
}
let arr = [1, 2, 3];

console.log(sum(...arr)); // 打印结果为 6

在这个例子中，我们定义了一个函数sum来计算三个数的和，然后定义了一个数组arr，使用扩展运算符将它作为函数sum的参数使用，并打印输出结果。