JavaScript 数组（Arrays）

在本教程中，你将学习如何使用 JavaScript 数组来存储一组值。

---

JavaScript Array 简介

数组是一种特殊类型的对象。在 JavaScript 中，数组是一个有序的值列表。每个值称为一个元素，通过索引来指定：

JavaScript 数组具有以下特点：

1. 首先，数组可以包含不同类型的值。例如，你可以创建一个数组，其中的元素类型包括数字、字符串、布尔值和 null。
2. 其次，数组的大小是动态且自动增长的。换句话说，你无需预先指定数组的大小。

 

例如：

在这个示例中，colors 数组包含三个元素：'red'、'green' 和 'blue'。

数组中的每个元素都有一个数字位置，称为其“索引”，索引从 0 开始。

---

创建一个Javascript数组

JavaScript 提供了两种创建数组的方法。第一种是使用 Array 构造函数，如下所示：

scores 数组是空的，它不包含任何元素。

如果你知道数组将包含的元素数量，可以按如下示例创建一个具有初始大小的数组：

例如，下面的代码创建了一个包含五个元素（或数字）的 scores 数组：

注意，如果你使用 Array() 构造函数创建数组，并向其中传入一个数字，那么你创建的是一个具有初始大小的数组。

但是，当你向 Array() 构造函数中传入一个其他类型的值（例如字符串）时，你创建的是一个包含该值作为元素的数组。例如

JavaScript 允许在使用 Array() 构造函数时省略 new 运算符。例如，下面的语句创建了一个 artists 数组：

在实际开发中，你很少会使用 Array() 构造函数来创建数组。

更常用也更推荐的方式是使用数组字面量（array literal）表示法来创建数组：

数组字面量的形式使用方括号 [] 包裹一个由逗号分隔的元素列表。

下面的示例创建了一个包含字符串元素的 colors 数组：

要创建一个空数组，可以使用不包含任何元素的方括号，如下所示：

访问和改变Javascript数组元素

JavaScript 数组是从零开始索引的。换句话说，数组的第一个元素的索引是 0，第二个元素的索引是 1，依此类推。

要访问数组中的某个元素，你需要在方括号 [] 中指定一个索引：

下面展示了如何访问 mountains 数组中的元素：

要更改数组中某个元素的值，可以像下面这样将新值赋给该元素：

结果显示:

再例如：

如果你访问的索引超出数组范围，将会得到 undefined：

console.log(colors[3]); // undefined

colors[0] = 'yellow';


console.log(colors); // ['yellow', 'green', 'blue']

获取数组的大小

通常，数组的 length 属性返回数组的元素的数量。下面的示例展示了如何使用 length 属性：

数组的基本操作

下面介绍一些数组的基本操作。你将在后续的教程中学习更高级的操作，比如 map()、filter() 和 reduce()。

1）向数组末尾添加元素

要将一个元素添加到数组的末尾，可以使用 push() 方法：

结果显示:

2）向数组开头添加元素

要将一个元素添加到数组的开头，可以使用 unshift() 方法：

结果显示:

3）从数组末尾移除元素

要从数组的末尾移除一个元素，可以使用 pop() 方法：

结果显示:

4）从数组开头移除元素

要从数组的开头移除一个元素，可以使用 shift() 方法：

结果显示:

5）查找数组中某个元素的索引

要查找某个元素在数组中的索引，可以使用 indexOf() 方法：

6）检查一个值是否为数组

要检查一个值是否是数组，可以使用 Array.isArray() 方法：

7) 遍历数组元素

你可以使用 for 循环遍历数组中的元素：

注意事项:

数组元素可以是任意类型

一个数组可以包含不同类型的元素：

数组可以包含另一个数组

你可以在数组中嵌套另一个数组：

---

总结

• 数组是一种特殊类型的对象。
• 数组以索引的方式存储值。
• 你可以使用数组字面量 [] 或 Array() 构造函数创建数组。
• 使用索引访问或修改数组元素。
• 使用 length 属性获取数组中的元素数量。
• 使用如 for 这样的循环遍历数组元素。