Javascript 数组简介

Posted on by

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

如何制作数组#

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

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

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

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

同样，我们创建了一个包含两项的数组：hello和world。表情符号也有效：

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 单击此处查看操作数组的高级方法。

推荐阅读：