JavaScript 数组创建、属性与方法详解

作者:函数茶馆时间:2026-10-24 19:36:32浏览:635

本文系统梳理 JavaScript 数组的基础知识,涵盖 new Array 与字面量创建的语法差异、长度与下标特性,并详细解析 pop、push、shift、unshift、slice、splice、reverse、sort 等常用方法的参数与返回值,同时提供相关进阶资料链接。

JavaScript 数组创建与基础特性

在 JavaScript 中,可以通过 new Array 构造函数来创建数组,以下多种语法形式均被支持:


arrayObj = new Array() 用于实例化一个空数组。



arrayObj = new Array([size]) 用于创建指定长度的数组,此处 size 代表确切长度而非最大容量上限。



arrayObj = new Array([element0[, element1[, ...[, elementN]]]]) 用于创建并初始化包含指定元素的数组。



arrayObj = [element0, element1, ..., elementN] 是创建并赋值数组的简写语法,注意方括号在此处表示固定格式,不可省略。



需要特别说明的是,即便使用第二种方法指定了数组长度,JavaScript 数组实际上始终是变长的。即使预设长度为 5,依然可以向超出该范围的索引添加元素,此时数组的 length 属性会自动更新以反映新的长度。



new Array(5) 表示创建一个长度为 5 的空数组,而非创建一个值为 5 的单元素数组。



JavaScript 数组的下标从 0 开始计数,因此最大有效索引值等于数组长度减 1。



数组下标的最大允许值为 2 的 32 次方减 2,即 4294967295,约等于 40 亿,足以满足绝大多数场景需求。



若使用小数作为数组下标,系统不会自动取整,而是会忽略该操作或引发运行时错误。



JavaScript 原生不支持多维数组,但可以通过将数组元素定义为另一个数组的方式,手动实现多维数组的效果。



访问数组元素需使用方括号“[]”,例如若数组名为 arr,访问第一个元素应写作 arr[0]。



数组核心方法详解

JavaScript 数组(JScript 版本 2)包含 3 个属性和 13 个方法。其中 3 个属性里仅 length 较为常用且简单,constructor 和 prototype 为 Object 共有属性且较少涉及,故此处重点介绍 Array 的 13 个方法,按功能分组以便记忆。



pop 与 push:pop 方法移除数组最后一个元素并返回该元素的值;push([item1 [item2 [. . . [itemN ]]]]) 将一个或多个新元素追加到数组末尾,并返回更新后的数组长度。若追加的元素本身是数组,则先将其各元素展开并用逗号连接后添加。



shift 与 unshift:这两个方法的功能分别对应 pop 和 push,但操作位置在数组起始端。需注意,从起始端移除或添加元素时,原有元素的索引会相应前移或后移。



slice 与 splice:slice(start, [end]) 返回从 start 到 end(不含 end)的子数组片段,若省略 end 则复制 start 之后的所有元素;splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]]) 用于移除指定数量的元素,并可在移除位置插入新元素,返回被移除的元素数组。若插入的是数组,仅插入该数组的第一个元素。



reverse 与 sort:reverse() 方法反转数组元素顺序(原第一个变为最后一个,反之亦然),并返回引用同一数组的地址;sort() 方法对数组进行排序,同样返回数组地址。



concat 与 join:concat 方法用于将多个数组或字符串合并为一个新数组;join(separator) 返回一个字符串,该字符串由数组各元素连接而成,元素间以 separator 指定的分隔符隔开。



toLocaleString、toString、valueOf:这些方法可视为 join 的特殊变体,日常开发中使用频率较低。



相关进阶资料参考

如需更多基础资料,可查阅:js 数组



JavaScript 数组的快速克隆(利用 slice() 函数)以及数组的排序、乱序和搜索(利用 sort() 函数)



javascript 删除数组中重复项(uniq)



JScript 内置对象 Array 中元素的删除方法



javascript 数组使用调用方法汇总



javascript 数组排序函数



javascript 中的对象和数组的应用技巧



JavaScript 克隆数组最简单的方法



javascript 创建数组的最简代码



javascript 三种数组复制方法的性能对比



更多相关内容,可通过页面顶部的搜索功能输入 "javascript 数组" 进行查找。

作者最新文章

相关标签: