ES9 中的更新 Rest 和 Spread 属性-JavaScript中文网-JavaScript教程资源分享门户

在 ES9 中，JavaScript 引入了一些新的语言特性，其中包括更新的 Rest 和 Spread 属性。这些属性可以让开发者更加方便地处理数组和对象，使得代码更加简洁和易于维护。

Rest 属性

Rest 属性允许你将剩余的参数收集到一个数组中。在函数参数中使用 Rest 属性可以处理不确定数量的参数，这对于编写可重用的代码非常有用。

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b);
}

console.log(sum(1, 2, 3, 4, 5)); // 15

在上面的例子中，我们使用 Rest 属性将所有的参数收集到一个名为 numbers 的数组中。我们可以轻松地处理不同数量的参数，而不需要在函数定义时指定每个参数。

Spread 属性允许你将数组或对象展开为独立的元素。在处理数组或对象时，它可以让你更加方便地复制、合并或转换它们。

在处理数组时，Spread 属性可以将数组展开为独立的元素。这对于将一个数组复制到另一个数组、将多个数组合并或将数组转换为参数列表非常有用。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = [...array1, ...array2];

console.log(newArray); // [1, 2, 3, 4, 5, 6]

在上面的例子中，我们使用 Spread 属性将 array1 和 array2 展开为独立的元素，并将它们合并到一个新的数组中。

在处理对象时，Spread 属性可以将对象展开为独立的属性。这对于复制对象、合并对象或创建新对象非常有用。

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };

const newObj = { ...obj1, ...obj2 };

console.log(newObj); // { a: 1, b: 2, c: 3, d: 4 }

在上面的例子中，我们使用 Spread 属性将 obj1 和 obj2 展开为独立的属性，并将它们合并到一个新的对象中。

在 ES9 中，更新的 Rest 和 Spread 属性为 JavaScript 提供了一些新的语言特性。Rest 属性允许你处理不确定数量的参数，而 Spread 属性可以让你更加方便地复制、合并或转换数组和对象。这些属性可以让你的代码更加简洁和易于维护，同时提高你的开发效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6506bf9e95b1f8cacd271b03