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

作者:函数茶馆

时间:2026-10-24

浏览:634

本文系统梳理 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 数组" 进行查找。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章