如何运用JavaScript Spread Syntax实现十种不同场景下的代码优化？

本文共计2374个文字，预计阅读时间需要10分钟。

目录+前言

1、复制一个数组

2、复制一个对象

3、将元素添加到数组的开头或结尾

4、合并数组

5、合并对象

6、将字符串转换为数组

7、将类数组对象转换为数组

8、提取对象

9、无限参数

目录

• 前言
• 1、复制一个数组
• 2、复制一个对象
• 3、将元素添加到数组的开头或结尾
• 4、合并数组
• 5、合并对象
• 6、 将字符串转换为数组
• 7、 将类数组对象转换为数组
• 8、提取对象
• 9、无限参数的函数
• 10、Rest Parameters
• 结论

前言

扩展语法—Spread Syntax(…) 是 ES6 中引入的一个新特性，它允许我们从可迭代对象中快速提取元素。使用这种语法，我们可以避免使用大量复杂的 API，编写更简洁的代码。看完这篇文章，相信你会喜欢这个功能的。

1、复制一个数组

复制数组的传统方法是使用数组的切片方法。

let arr = [1, 2, 3, [4, 5]]; let copy = arr.slice() console.log(copy) // [1, 2, 3, [4, 5]];;

但是， slice 方法最初是为了捕获数组的片段，而不是复制它们。