JavaScript数组基础：创建、遍历与操作详解

前言

本文将深入探讨JavaScript中数组的基础操作，数组是许多编程语言中的关键概念，也是学习过程中的一个重要节点。

理解这部分内容将极大简化后续学习，若未能掌握则可能影响后续进展，因此建议仔细阅读。希望读者能从中获得启发，使作者的编写工作更有价值。

一、初识数组

数组的构成：数组由一个或多个元素组成，各元素之间以逗号“,”分隔。

数组元素：每个元素包含“下标”和“值”两部分。

下标：也称为索引，通常为从0开始递增的数字，用于标识元素位置。

值：即元素的具体内容，可以是任意数据类型，如数值、字符串、数组或对象等。

根据维数，数组可分为一维、二维及多维数组。

一维数组：指数组元素的“值”为非数组类型的数据，如上图所示。

二维数组：指数组元素的“值”本身是一个一维数组，如上图所示。

根据维数划分，数组可包括一维、二维及多维数组。

多维数组：当数组的值仍为数组时，即形成多维数组，常用于描述复杂信息结构。

例如，保存班级学生信息时，每个数组元素代表一名学生，而每位学生的姓名、学号、年龄等信息可用一维数组表示，从而通过一个变量规律地存储全班信息，便于开发处理。

二、创建数组

⭐️JavaScript中数组的创建方式主要有：

• 通过实例化Array对象的方式。
• 直接使用“[]”字面量方式。

🍅使用Array对象创建数组

通过实例化Array对象创建数组，需使用new关键字。

🍅使用“[]”创建数组

直接法“[]”与Array()对象的使用方式类似，只需将new Array()替换为[]即可。

• 创建数组时，最后一个元素后的逗号可保留也可省略。
• 直接法“[]”与Array()对象的区别在于，前者可创建含有空存储位置的数组，而后者不能。

三、数组的基本操作

🍅获取数组长度

Array对象提供的length属性用于获取数组长度，其值为最大下标加1。

数组arr2中未赋值的元素会占用空存储位置。

因此，数组的下标依然会递增。从而arr2调用length属性最后的输出结果即为6。

length属性不仅用于获取长度，还可用于修改数组长度。

利用length属性指定数组长度时，存在以下三种情况：

💡若length值大于原元素个数，未赋值的元素将占用空存储位置。

💡若length值等于原元素个数，数组长度保持不变。

💡若length值小于原元素个数，多余元素将被舍弃。

此外，使用Array对象创建数组时，也可直接指定长度。

📌注意

JavaScript中无论以何种方式指定数组长度，均不影响继续添加元素，且length属性值会随之改变。

🍅访问数组元素

数组元素访问方式：“数组名[下标]”。

概念：遍历数组即依次访问所有元素的操作。

• 利用下标遍历数组可使用：for循环（已学）。
• 利用下标遍历数组还可使用：for…in语句。

for…in中的variable指数组下标，object表示数组变量名。若object为对象，for…in也可用于对象遍历。

📌注意

ES6新增for…of语法，可更便捷地遍历数组。

• for…in中的variable指数组下标。
• for…in中的object表示数组变量名。
• 若object为对象，for…in也可用于对象遍历。

🍅元素的添加与修改

元素添加与修改方式：“数组名[下标]”。

提示：与访问数组元素的方式相同。

⭐️添加元素

• 添加数组元素：数组名[下标] = 值。
• 允许下标不按数字顺序连续添加，未设值的元素以空存储位置存在。
• 数组元素保存顺序取决于下标，与添加顺序无关。

⭐️修改元素

修改元素与添加元素用法相同，区别在于修改是为已有值的元素重新赋值。

🍅元素的删除

创建数组后，有时需根据情况删除特定元素值。

例如，保存全班学生信息的多维数组中，若有学生转学，需删除该学生信息。

此时，可利用delete关键字删除指定下标的元素值。

delete关键字仅删除指定下标元素的值，删除后该位置仍占用空存储位置。

🍅解构赋值

除变量声明与赋值外，ES6还提供解构赋值。例如，将数组[1,2,3]分别赋给a、b、c，传统做法需单独声明和赋值。

• 当左侧变量数小于右侧元素数时，忽略多余元素。
• 当左侧变量数大于右侧元素数时，多余变量初始化为undefined。

• 解构赋值右侧内容可为变量。
• 通过解构赋值可完成两个变量数值的交换。

总结

本文介绍了JavaScript数组的基本操作，更多JS数组相关内容请搜索本站历史文章或继续浏览后续文章，感谢支持！