ES9 对于 JavaScript 的开发者来说是一个重要的里程碑。其中 Rest/Spread 操作符是一项非常有用的新特性，可以帮助开发者更方便地操作数组或对象。本文将详细介绍 Rest/Spread 操作符的概念，语法和用法，并提供一些有用的示例代码。
Rest 操作符
Rest 操作符用于将一个不定数量的参数转换为一个数组。它使用三个点 ... 来表示。当我们需要传递多个参数时，Rest 操作符可以帮助我们更好地进行管理和解构。
语法
以下是使用 Rest 操作符的语法：
functionName(...args) {
// function body
}在这个示例中，Rest 操作符被用作函数的参数，它将所有传递给函数的参数作为数组 args 来使用。
示例
让我们看看一个简单的示例，它使用 Rest 操作符来接收不定数量的参数并执行求和操作：
function sum(...args) {
return args.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 22在这个示例中，我们定义了一个名为 sum 的函数，并使用 Rest 操作符将所有传递给它的参数作为数组 args 传递进来。然后，我们使用数组的 reduce 方法将数组中的所有元素进行求和操作，并将结果作为函数的返回值。
Spread 操作符
Spread 操作符用于展开一个数组或对象，以便将它们的属性或元素复制到另一个数组或对象中。它也使用三个点 ... 来表示。
语法
以下是使用 Spread 操作符的语法：
let newArray = [...oldArray];
let newObject = {...oldObject};在这个示例中，Spread 操作符被用于数组或对象字面量中，并将它们展开为新的数组或对象。
示例
让我们看看一个简单的示例，它使用 Spread 操作符将一个数组复制到另一个数组中：
let oldArray = [1, 2, 3]; let newArray = [...oldArray]; console.log(newArray); // [1, 2, 3]
在这个示例中，我们定义了一个名为 oldArray 的数组，并将它的元素 [1, 2, 3] 复制到另一个名为 newArray 的数组中。我们使用 Spread 操作符将 oldArray 中的元素展开为 newArray 中的元素，并将它们复制到一个新的数组中。
现在让我们看一个更复杂的示例，它使用 Spread 操作符来合并两个对象：
let obj1 = { name: 'John', age: 25 };
let obj2 = { address: '123 Main St', phone: '555-1234' };
let newObj = { ...obj1, ...obj2 };
console.log(newObj);
// { name: 'John', age: 25, address: '123 Main St', phone: '555-1234' }在这个示例中，我们定义了两个名为 obj1 和 obj2 的对象，并使用 Spread 操作符将它们的属性复制到名为 newObj 的新对象中。此时，我们可以看到 newObj 包含了两个原始对象的属性。这是用 Spread 操作符合并对象的一种常见方法。
总结
Rest/Spread 操作符是 ES9 中非常有用的新特性，它可以帮助开发者更方便地操作数组或对象。我们可以使用 Rest 操作符将函数的多个参数收集到一个数组中，也可以使用 Spread 操作符将数组或对象转换为其他数组或对象。我们在本文中提供了一些有用的示例代码，希望能对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653b26877d4982a6eb57aaca