ES6 数组

17 Mar 2025 | 4 分钟阅读

JavaScript 中的数组是一个用于表示类似类型元素集合的对象。它允许您在一个变量名中存储多个值或一组值。数组用于按时间顺序存储值的集合。数组是同质元素的集合,或者我们可以说数组是相同数据类型值的集合。

我们可以存储任何有效的值,例如对象、数字、字符串、函数以及其他数组,这使得创建复杂的数据结构(如数组的数组或对象的数组)成为可能。

语法

有两种声明数组的方法。

数组参数包含整数和字符串的列表。建议使用数组字面量来创建数组,而不是使用new 关键字

new 关键字只会使代码复杂化,有时还会产生意想不到的结果。如果您在数组的构造函数中指定单个数值参数(或者使用 new 关键字创建数组),那么它将被视为数组的长度。

注意:数组允许的最大长度为 4,294,967,295。

假设一个声明,例如 var num = [1,2,3,4] 将为您提供如下所示的数组

访问数组元素

数组从 0 开始索引。数组名称后跟下标用于引用数组元素。

语法

示例

输出

2
4

数组构造函数

我们也可以使用数组构造函数创建数组。数组构造函数可以传递为

  • 用逗号分隔的值列表,或
  • 一个指示数组大小的数值

下面的例子将向您展示相同的说明

ES6 Arrays

示例 - 单个数值

输出

0
5
10
15
20

示例 - 逗号分隔的值

输出

1
2
3
4
5

JavaScript 数组

JavaScript 支持以下类型的数组。

  • 多维数组
  • 将数组传递给函数
  • 从函数返回数组

ES6 多维数组

ES6 还支持多维数组概念。多维数组可以定义为对另一个数组的数组引用,作为其值。

JavaScript 中未直接提供多维数组。如果您需要创建一个多维数组,则必须使用一维数组来实现。

我们也可以说二维数组是多维数组的最简单形式。

声明

以下语法说明了如何在 JavaScript 中声明二维数组。

访问数组的二维元素

示例

输出

2
3
4
4
9
16

将数组传递给函数

将数组作为参数传递给函数,您必须指定数组名称(对数组的引用),而不需要括号。让我们尝试通过以下示例来理解它。

示例

输出

Violet
Indigo
Blue
Green
Yellow
Orange
Red

从函数返回数组

它允许函数返回一个数组。

示例

输出

Blue
Red
Green
Yellow

数组方法

ES6 中的数组方法对于处理存储在数组中的数据很有用。数组方法用于使用数组轻松执行复杂的任务。

您可以通过单击此链接ES6 数组方法来了解更多关于数组方法的信息

解构赋值

ES6 为我们提供了一个名为解构赋值的新特性,它允许我们通过使用简写语法从对象和数组中提取特定项目并将它们放入变量中。它不仅有助于减少代码,而且改变了代码的结构方式。它是分解结构的过程。

解构赋值是一个 JavaScript 表达式,它使从数组、映射、集合以及对象中的属性提取数据到不同的变量中成为可能。

数组解构

解构意味着将复杂结构分解成更简单的部分。使用解构语法,您可以从对象和数组中提取更小的片段。它可用于变量的赋值和声明。

要了解更多关于数组解构的信息,您可以单击此链接ES6 数组解构

对象解构

它类似于数组解构,只是不是从数组中提取值,而是可以从对象中提取属性(或键)及其对应的值。

要了解更多关于对象解构的信息,您可以单击此链接ES6 对象解构


下一话题ES6 数组方法