JavaScript数组构造函数陷阱与常用操作方法详解

数组构造函数与字面量创建对比

数组的构造函数

鉴于数组构造函数在解析参数时存在不确定性，强烈推荐使用 [] 字面量语法来实例化新数组。

[1, 2, 3]; // Result: [1, 2, 3]
new Array(1, 2, 3); // Result: [1, 2, 3]
[3]; // Result: [3]
new Array(3); // Result: []
new Array('3') // Result: ['3']

当仅向数组构造函数传递一个数字参数时，该构造函数会返回一个长度为 undefined 的数组，其 length 属性值被设定为传入的数字。然而，新数组的索引并未被实际初始化。

此类用法仅在极少数场景下适用，例如通过循环字符串生成重复内容时，可借助此特性避免显式编写循环逻辑。

new Array(count + 1).join(stringToRepeat);

总结

综上所述，为提升代码可读性与安全性，应优先采用 [] 语法创建数组，而非使用数组构造函数。

JavaScript数组常用操作方法

数据常见操作

鉴于原文篇幅较短，本文补充总结若干常用的数组操作方法：

添加元素

1. push 方法：将一个或多个新元素追加至数组末尾，并返回更新后的数组新长度。

2. unshift 方法：将一个或多个新元素插入至数组开头，原有元素自动后移，并返回数组新长度。

3. splice 方法：在数组指定位置插入一个或多个新元素，后续元素自动后移，返回 [] 包含被删除元素的数组。

删除元素

1. pop 方法：移除数组最后一个元素，并返回该元素的值。

2. shift 方法：移除数组第一个元素，并返回该元素的值，其余元素自动前移。

3. splice 方法：从指定位置 deletePos 开始删除指定数量 deleteCount 的元素，并以数组形式返回被删除的元素。（注意此处参数定义与添加元素时的差异）

其他操作

1. join 方法：返回一个字符串，该字符串由数组每个元素值连接而成，元素间以 separator 参数指定的分隔符隔开。

2. slice 方法：返回数组的一个片段或子数组。若仅指定一个参数，则返回从该参数位置至数组末尾的部分；若参数为负数，则从数组尾部开始计数。当 start 大于 end 时返回空数组。slice 不会修改原数组，而是返回一个新数组。

3. concat 方法：将多个数组（或字符串，或混合类型）连接为一个新数组，并返回连接后的结果。

4. reverse 方法：反转数组元素顺序（原首位变末位，原末位变首位），返回修改后的原数组。

5. sort 方法：对数组元素进行排序，返回修改后的原数组。若不传参，默认按字母表升序排列；也可传入自定义排序函数作为参数。