JS数组方法中哪些会改变原数组,哪些不会?

发布网友发布时间：2024-09-17 06:13

共1个回答

热心网友时间：2024-10-07 05:20

在JavaScript开发中，数组操作是日常工作中不可或缺的一部分。JavaScript提供了一系列原生的数组方法，它们在操作数组时有着微妙的差异，这不仅影响代码的执行效率，也影响算法设计。我们需要了解哪些方法会直接修改数组，哪些方法则会返回新的数组副本，以确保在实际应用中的正确使用。

会改变原数组的方法

push：向数组末尾添加元素，返回新长度。例如，`arr1.push(newElement)`会改变`arr1`的长度。
unshift：在数组开头添加元素，返回新长度。如`arr1.unshift(newElement)`，`arr1`的长度会增加。
pop：删除并返回数组末尾的元素。如`let lastElement = arr1.pop()`，原数组`arr1`长度减少。
shift：删除并返回数组开头的元素。如`let firstElement = arr1.shift()`，数组长度减少。
sort：对数组进行原地排序，返回排序后的数组。默认排序规则可能需要自定义。例如，`arr1.sort((a, b) => a - b)`。
splice：添加或删除数组元素，返回被删除元素组成的数组。如`let removedElements = arr1.splice(index, count, newElements)`。
reverse：颠倒数组元素顺序，原数组改变。

不会改变原数组的方法

concat：连接两个或多个数组，返回新数组。如`let newArr = arr1.concat(arr2)`，原数组`arr1`保持不变。
join：将数组元素转换为字符串，返回新的字符串。如`let str = arr1.join(', ')`，原数组未受影响。
reduce：对数组元素进行累加或计算，返回单一值，但不改变原数组。如`let sum = arr1.reduce((a, b) => a + b)`。
map：创建新数组，用函数处理原数组元素，原数组保持不变。如`let mappedArr = arr1.map((elem) => elem * 2)`。
forEach：遍历数组，回调函数不会改变原数组，除非回调函数中手动操作。如`arr1.forEach((elem) => console.log(elem))`。
filter：创建新数组，只包含满足条件的元素，原数组保持。如`let filteredArr = arr1.filter((elem) => elem > 10)`。
slice：提取数组的一部分，返回新数组副本。如`let subArr = arr1.slice(0, 5)`，`arr1`本身未变。
findIndex：查找符合条件的元素索引，不改变原数组。如`let index = arr1.findIndex((elem) => elem === 'someValue')`。

理解这些数组方法的行为，有助于我们根据需求选择合适的方法，优化代码执行效率和算法设计。