JavaScript数组操作：变异与非变异方法详解

1. 数组操作中的不变性原则

在JavaScript开发中，数组是最常用的数据结构之一。新手开发者常常困惑于哪些数组方法会改变原数组，哪些不会。这个问题看似简单，却直接影响代码的可预测性和可维护性。理解这些方法的特性，能帮助我们写出更安全、更符合函数式编程理念的代码。

数组方法可以分为两大类：变异方法（mutating methods）和非变异方法（non-mutating methods）。变异方法会直接修改调用它们的数组，而非变异方法则会返回一个新数组或新值，同时保持原数组不变。在实际开发中，特别是在React等强调不可变性的框架中，使用非变异方法往往更为安全可靠。

2. 不会改变原数组的核心方法解析

2.1 纯查询类方法

这些方法只从数组中获取信息，不会以任何方式修改数组：

• concat()：连接两个或多个数组，返回新数组

javascript复制const arr1 = [1, 2];
const arr2 = [3, 4];
const newArr = arr1.concat(arr2); 
// arr1仍为[1, 2]，arr2仍为[3, 4]

• slice()：返回数组的浅拷贝部分

javascript复制const fruits = ['apple', 'banana', 'orange'];
const citrus = fruits.slice(1, 3);
// fruits保持不变

• indexOf()/lastIndexOf()：查找元素索引
• includes()：检查是否包含某元素
• join()：将数组转为字符串
• toString()/toLocaleString()：数组字符串表示

提示：虽然这些方法不会改变原数组，但要注意它们返回的值类型各不相同，有的返回数组，有的返回索引或布尔值。

2.2 高阶函数类方法

这些函数式编程风格的方法也不会改变原数组：

• filter()：基于测试函数创建新数组

javascript复制const numbers = [1, 2, 3, 4];
const evens = numbers.filter(n => n % 2 === 0);