Es6 rest和spread是如何工作的

ES6中的rest和spread是两个与数组和对象相关的操作符。

1. Rest操作符（...） Rest操作符用于将多个参数或元素收集到一个数组或对象中。

在函数参数中使用rest操作符：

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4)); // 输出：10

在上述例子中，rest操作符将传入的参数收集到一个名为numbers的数组中。

在数组中使用rest操作符：

const [first, second, ...rest] = [1, 2, 3, 4, 5];

console.log(first); // 输出：1
console.log(second); // 输出：2
console.log(rest); // 输出：[3, 4, 5]

在上述例子中，rest操作符将剩余的元素收集到一个名为rest的数组中。

在对象中使用rest操作符：

const { name, age, ...rest } = { name: 'John', age: 30, city: 'New York', country: 'USA' };

console.log(name); // 输出：'John'
console.log(age); // 输出：30
console.log(rest); // 输出：{ city: 'New York', country: 'USA' }

在上述例子中，rest操作符将剩余的属性收集到一个名为rest的对象中。

1. Spread操作符（...） Spread操作符用于将数组或对象展开为多个参数或元素。

在函数调用中使用spread操作符：

function sum(a, b, c, d) {
  return a + b + c + d;
}

const numbers = [1, 2, 3, 4];
console.log(sum(...numbers)); // 输出：10

在上述例子中，spread操作符将数组numbers展开为多个参数传递给函数。

在数组中使用spread操作符：

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

console.log(arr2); // 输出：[1, 2, 3, 4, 5]

在上述例子中，spread操作符将数组arr1展开，并与其他元素一起创建一个新的数组arr2。

在对象中使用spread操作符：

const obj1 = { name: 'John', age: 30 };
const obj2 = { ...obj1, city: 'New York', country: 'USA' };

console.log(obj2); // 输出：{ name: 'John', age: 30, city: 'New York', country: 'USA' }

在上述例子中，spread操作符将对象obj1展开，并与其他属性一起创建一个新的对象obj2。

总结：

• Rest操作符用于将多个参数或元素收集到一个数组或对象中。
• Spread操作符用于将数组或对象展开为多个参数或元素。

腾讯云相关产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云数据库 MongoDB 版：https://cloud.tencent.com/product/cynosdb-for-mongodb
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 视频处理服务（VOD）：https://cloud.tencent.com/product/vod
• 人工智能开放平台（AI）：https://cloud.tencent.com/product/ai