JavaScript 中数组的常见操作

2025年4月18日 | 阅读 7 分钟

JavaScript 数组简介

对象是 JavaScript 中保存键值集合的良好方式;但是,有时需要一个有序的集合,其中元素是第一个、第二个和第三个的顺序必须被保留。例如,如果我们想有一个项目列表,比如用户数据或产品信息,那么对象就不够用了,因为它也没有适当维护元素顺序的方法。

为了实现这一目的,JavaScript 提供了一个专门的数据结构,称为数组,它非常适合保存有序列表。 数组可以用于将多个值封装在一个变量中,同时保持相同类型元素的顺序。

JavaScript 中的数组被视为数据聚合,并且在管理同类型变量的集合时非常有用。它有助于维护属性列表。数组可以被视为一个单独的变量来保存一组元素,因此在维护可通过一个变量访问的属性列表方面非常有用。

与大多数其他编程语言(其中数组仅表示变量的引用)不同,JavaScript 数组是独特的,因为它们包含同一个变量中的多个元素。JavaScript 中的数组对象是一个全局对象,用于创建数组,定义为“高级、类似列表的对象。”

JavaScript 中的数组是如何工作的?

在 JavaScript 中,数组是一种将多个元素存储到内存中一个变量的方法。数组的索引从 0 开始。这种零基索引意味着第一个元素的索引是 0。因此,总是有偏移一个位置:第一个元素被分配索引 0,第二个被分配索引 1,依此类推。

JavaScript 中的数组可能如何声明?

数组对象中可以存储多个值在一个变量中,这被称为数组对象。 它是一个编号的、固定大小的、包含相同类型元素的集合。虽然数组用于保存元素的集合,但将其视为同类型变量的集合通常更有用和可取。数组字面量表示法有助于在 JavaScript 中轻松创建数组。也就是说,这种表示法由两个方括号组成,其中包含逗号分隔的元素。所有类型的数组元素都可以包括数字、字符串、布尔值、null、undefined、对象、函数、正则表达式和其他结构。

可以在 JavaScript 中创建数组,如下所示

在下面的示例中,数组使用国家名称“India”、“England”和“Sri Lanka”进行初始化。这些条目的索引对于“India”是 0,对于“England”是 1,对于“Sri Lanka”是 2。可以向 country 数组添加更多元素,如下所示

代码

输出

Common Operations on Arrays in JavaScript

JavaScript 数组函数

本文档提供了对 JavaScript 数组函数的广泛概述,强调了 JavaScript 中关键的数组方法和属性,并配有说明性示例。

concat() 方法

concat() 方法通过组合两个或多个预先存在的数组来促进新数组的生成。

语法

代码

输出

Common Operations on Arrays in JavaScript

every()

every() 方法评估数组中的指定元素是否满足条件中概述的标准。如果满足条件,则返回 true;否则,返回 false。

语法

回调作为评估函数的标准,而 **thisArg** 是在回调执行期间使用的一个可选参数。

代码

输出

Common Operations on Arrays in JavaScript

fill()

fill() 方法通过修改指定数组中的原始值来填充指定的静态值。

语法

代码

输出

Common Operations on Arrays in JavaScript

filter()

filter() 函数处理元素数组,选择那些满足指定标准的元素。

语法

代码

输出

Common Operations on Arrays in JavaScript

forEach()

forEach() 方法用于为数组中的每个元素执行指定的函数。

语法

代码

输出

Common Operations on Arrays in JavaScript

includes()

includes() 方法用于确定指定元素是否存在于数组中。当元素存在于数组中时,返回 true;否则,返回 false。

语法

代码

输出

Common Operations on Arrays in JavaScript

join()

join() 方法将数组的元素合并成一个字符串,生成一个新的字符串。

语法

代码

输出

Common Operations on Arrays in JavaScript

pop()

pop() 方法用于移除并返回指定数组的最后一个元素。

语法

代码

输出

Common Operations on Arrays in JavaScript

push()

push() 方法用于将元素添加到数组的末尾。

语法

代码

输出

Common Operations on Arrays in JavaScript

reverse()

reverse() 方法用于反转指定数组中元素的顺序。因此,最后一个元素将占据第一个位置,而第一个元素将占据最后一个位置。

语法

代码

输出

Common Operations on Arrays in JavaScript

shift()

shift() 函数检索数组中的第一个元素。

语法

代码

输出

Common Operations on Arrays in JavaScript

slice()

slice() 方法从指定数组中检索元素的片段,而不改变原始数组。

语法

代码

输出

Common Operations on Arrays in JavaScript

sort()

sort() 函数按升序排列数组的元素。

语法

代码

输出

Common Operations on Arrays in JavaScript

unshift()

unshift() 函数用于在数组的开头插入元素。

语法

代码

输出

Common Operations on Arrays in JavaScript

indexOf()

indexOf() 函数用于确定数组中特定元素的位置。

语法

代码

输出

Common Operations on Arrays in JavaScript

结论

总之,数组是一种独特类型的对象,用于存储管理数据元素。它是一个组织元素集合的对象,这对于保存大量的统一类型数据特别有利。与数组对象相关的各种属性和方法为开发人员的轻松操作提供了便利。作为全局对象,JavaScript 数组在创建高级数组方面起着至关重要的作用。