微信小程序之数组操作：push与concat的区别

本文作者不要笔名，已经获得授权； 微信小程序中需要用到数组的操作，介于本人js基础薄弱，故数组操作进行简单记录，以备后期方便学习：   push和concat二者功能很相像，但有两点区别。 先看如下例子：   [javascript] view plain copy    print? var arr = [];   arr.push(1);   arr.push(2);   arr.push([3, 4])   arr.push(5, 6);   arr = arr.concat(7);   arr = arr.concat([8, 9]);   arr = arr.concat(10, 1 在微信小程序的开发过程中，经常会遇到对数组进行操作的需求。本文将探讨两种常见的数组操作方法：`push` 和 `concat`，并详细分析它们之间的关键区别。 `push` 方法是JavaScript数组的一个内置方法，用于在数组的末尾添加一个或多个元素，并返回新的长度。在给出的例子中，我们看到`push`的使用： ```javascript var arr = []; arr.push(1); arr.push(2); arr.push([3, 4]); arr.push(5, 6); ``` 这里，`push` 将单个值（如1、2、5和6）以及包含两个值的数组`[3, 4]` 添加到了`arr`的末尾。当向`arr`添加数组时，整个数组被视为一个元素，而不是分开的元素。所以，`arr`的结果将是 `[1, 2, [3, 4], 5, 6]`。 相反，`concat` 方法用于连接两个或更多的数组，并返回新的数组。它不会改变原始数组，而是创建一个新的数组。在例子中： ```javascript arr = arr.concat(7); arr = arr.concat([8, 9]); arr = arr.concat(10, 11); ``` 这里，`concat` 把每个参数都视为单独的元素，无论是数值还是数组。因此，`arr.concat(7)` 把7作为一个单独的元素添加，`arr.concat([8, 9])` 把8和9分别添加，最后`arr.concat(10, 11)` 添加10和11。这将生成一个新的数组 `[1, 2, [3, 4], 5, 6, 7, 8, 9, 10, 11]`。 总结`push` 和 `concat` 的区别： 1. **处理数组参数的方式不同**： - `push` 当遇到数组参数时，会把整个数组作为一个元素添加到数组末尾，不会展开数组。 - `concat` 在遇到数组参数时，会拆分数组，逐个将元素添加到新数组中。 2. **是否改变原数组**： - `push` 直接修改原数组，增加元素并返回新的长度，但不影响返回值。 - `concat` 不改变原数组，返回一个新的数组，包含所有连接的元素。 了解这些区别对于优化微信小程序中的数组操作至关重要，特别是在处理数组元素是其他数组的情况下。正确使用`push` 和 `concat` 可以避免不必要的数据混乱和错误，提高代码的可读性和效率。在实际开发中，应根据具体需求选择合适的方法。如果希望保留原始数组不变，使用`concat`；如果需要直接在原数组上进行操作，`push` 是更好的选择。