Javascript 数组简介

Javascript 中的数组是一种简单的一维存储简单数据集的方法。数组是 Javascript 的重要组成部分,并被广泛使用。

如何制作数组#

数组中的项目可以是任何典型的 Javascript 类型,它们可以很容易地定义如下:

let myArray = [ 1, 2, 3, 4, 5, 6 ];

上面,我们定义了一个包含 6 个项目的简单数组,这些项目是从 1 到 6 的所有数字。我们现在以数组格式存储数据。同样我们也可以存储字符串:

let myArray = [ 'hello', 'world' ];

同样,我们创建了一个包含两项的数组:helloworld表情符号也有效:

let myArray = [ '?', '?', '?', '?', '?' ];

获取数组的长度#

我们可以使用length关键字获取数组的长度,如下所示:

let myArray = [ '?', '?', '?', '?', '?' ];
let getArrayLength = myArray.length; // Returns 5, since there are 5 items.

访问数组中的属性#

我们可以使用方括号 []轻松访问和引用数组中的项目。让我们使用我们的表情符号示例。在编程时,我们通常从 0 开始计数,因此第一项的索引为 0,因此第二项的索引为 1。要访问第二项,我们可以这样做:

let myArray = [ '?', '?', '?', '?', '?' ];
let getOrange = myArray[1]; // Returns ?

获取数组的最后一个元素

因为我们知道数组的长度,所以我们可以使用该信息来获取数组中的最后一个元素。看起来有点像这样:

let myArray = [ '?', '?', '?', '?', '?' ];
let getArrayLength = myArray.length; // Returns 5, since there are 5 items.
let getOrange = myArray[getArrayLength-1]; // Returns ?

我们必须减去 1,因为最后一个索引比数组小 1。

遍历数组#

现在我们有了一个数组,我们可以使用for循环轻松地对其进行迭代。这让我们可以对数组中的每个项目做一件事。在下面的示例中,我们将控制台记录每个数组项:

let myArray = [ '?', '?', '?', '?', '?' ];
for(let i = 0; i < myArray.length; ++i) {
    // Since i changes +1 every time, the below line will be run for every array item
    // Thus every array item will be console logged for us.
    console.log(myArray[i]);
}

将字符串转换为数组#

如果我们有一个由特定字符分隔的字符串,我们可以将它拆分成一个数组。想象一下,我们将所有的水果和蔬菜放在一个由“-”分隔的字符串中。如果我们将该split()函数应用于该字符串,我们将得到一个数组:

let myString = "?-?-?-?-?";

// Returns [ '?', '?', '?', '?', '?' ]
let myArray = myString.split('-');

高级阵列功能#

数组是在 Javascript 中存储数据的一种有用方式。在许多用例中,您需要从数组中操作或检索数据,甚至有时需要合并两个数组。由于数组可以做很多事情,我们写了一篇单独的文章。

要找出操作数组的所有高级方法,请单击下面:

学习:Everything Arrays 单击此处查看操作数组的高级方法。