ECMAScript 2018 新特性：Rest/Spread 属性-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2018 中，Rest/Spread 属性是一个非常方便的新特性。它可以让开发者更加方便地处理数组和对象，减少代码的重复性和冗余性。本文将详细介绍 Rest/Spread 属性的用法和示例代码，帮助读者更好地理解这个新特性的深度和学习以及指导意义。

Rest 属性

Rest 属性是一个使用三个点（...）表示的语法，它可以将一个数组或对象展开为独立的变量。例如：

function sum(...numbers) {
  return numbers.reduce((acc, cur) => acc + cur);
}

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

在上面的代码中，我们使用 Rest 属性将传入的参数展开为一个数组，然后通过 reduce 方法计算它们的总和。这个方法可以接受任意数量的参数，而不需要预先定义它们的数量，使代码更加灵活和易于维护。

除了函数参数之外，Rest 属性还可以用于解构赋值。例如：

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

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

在上面的代码中，我们使用 Rest 属性将数组的第一个元素赋值给 first 变量，将剩余的元素赋值给 rest 数组。这使得我们可以更加方便地处理数组，而不需要手动遍历和操作它们。

Spread 属性是一个使用三个点（...）表示的语法，它可以将一个数组或对象展开为另一个数组或对象。例如：

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

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

在上面的代码中，我们使用 Spread 属性将 arr1 和 arr2 数组展开为一个新的数组 arr3。这使得我们可以更加方便地组合和操作数组，而不需要手动拼接它们。

除了数组之外，Spread 属性还可以用于对象。例如：

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

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

在上面的代码中，我们使用 Spread 属性将 obj1 对象展开为 obj2 对象的属性。这使得我们可以更加方便地扩展和合并对象，而不需要手动复制和粘贴它们的属性。

Rest/Spread 属性是 ECMAScript 2018 中非常实用的新特性，它可以让开发者更加方便地处理数组和对象，减少代码的重复性和冗余性。通过本文的介绍和示例代码，读者可以更加深入地了解 Rest/Spread 属性的用法和意义，并在实践中更加灵活地运用它们。

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