JS 数组方法：哪些会改变原数组，哪些不会？

JS 数组方法分类：改变原数组与否

作为一名前端开发人员，我们每天都离不开数组。JS 提供了丰富的原生数组 API 供我们使用。这些方法可以分为两类：改变原数组的方法和不改变原数组的方法。

改变原数组的方法

这些方法会直接修改原数组的内容，返回修改后的数组本身。

• Array.push() ：向数组末尾添加一个或多个元素
• Array.pop() ：从数组末尾删除最后一个元素
• Array.shift() ：从数组开头删除第一个元素
• Array.unshift() ：向数组开头添加一个或多个元素
• Array.splice() ：从数组中删除或插入元素
• Array.sort() ：根据特定规则对数组元素进行排序
• Array.reverse() ：反转数组元素的顺序

不改变原数组的方法

这些方法会返回一个新数组，而原数组保持不变。

• Array.concat() ：连接两个或多个数组
• Array.slice() ：从数组中截取一段元素
• Array.filter() ：筛选数组中满足特定条件的元素
• Array.map() ：对数组中的每个元素执行操作，并返回一个新数组
• Array.reduce() ：对数组中的每个元素进行累积操作，并返回一个单一值
• Array.join() ：将数组中的元素连接成一个字符串
• Array.indexOf() ：查找数组中指定元素的索引
• Array.lastIndexOf() ：查找数组中指定元素的最后一个索引
• Array.includes() ：检查数组中是否包含指定元素

如何区分两种方法

区分这两种方法的简单方法是查看它们返回的值。如果一个方法返回原数组，则它会改变原数组；如果它返回一个新数组，则它不会改变原数组。

何时使用哪种方法

在选择使用哪种方法时，需要考虑以下因素：

• 是否需要改变原数组 ：如果你需要修改原数组，就使用改变原数组的方法。
• 效率 ：不改变原数组的方法通常比改变原数组的方法更有效率，因为它们不需要创建新数组。
• 可读性 ：改变原数组的方法通常比不改变原数组的方法更难理解和维护。

结论

了解 JS 数组方法的分类非常重要，这样你就可以选择正确的工具来完成工作。通过明智地使用这些方法，你可以有效地处理数组，并编写更清晰、更可维护的代码。