原文:JavaScript Arrays - How to Create an Array in JavaScript,作者:Jessica Wilkins

数组是一种数据结构,你可以在其中存储元素的有序列表。

在本文中,我将向你展示使用 JavaScript 创建数组的 3 种方法。我还将向你展示如何使用 split() 方法从字符串创建数组。

如何使用赋值运算符在 JavaScript 中创建数组

在 JavaScript 中创建数组的最常见方法是将该数组分配给如下变量:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

如果我们 console.log 数组,那么它将显示数组中列出的所有 4 个元素。

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

console.log(books);
Screen-Shot-2022-05-01-at-11.11.38-PM

如何使用 new 运算符和 Array 构造器在 JavaScript 中创建数组

创建数组的另一种方法是将 new 关键字与 Array 构造器一起使用。

这是基本语法:

new Array();

如果将数字参数传递到括号中,则会设置新数组的长度。

在这个例子中,我们创建了一个长度为 3 个空位置的数组。

new Array(3)
Screen-Shot-2022-05-14-at-11.07.33-PM

如果我们使用新数组上的 length 属性,则将返回数字 3。

new Array(3).length

但是,如果我们尝试访问数组的任何元素,它将返回 undefined,因为所有这些位置当前都是空的。

new Array(3)[0]
Screen-Shot-2022-05-14-at-11.10.02-PM

我们可以修改例子,接受多个参数并创建一个食物的数组。

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"
Screen-Shot-2022-05-14-at-11.13.48-PM

如何使用 Array.of() 在 JavaScript 中创建数组

创建数组的另一种方法是使用 Array.of() 方法。此方法接受任意数量的参数并创建一个新的数组实例。

这是基本语法:

Array.of(); 

我们可以修改我们先前的食物例子,像这样使用 Array.of() 方法。

let myFavoriteFoods = Array.of("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"
Screen-Shot-2022-05-14-at-11.47.54-PM

这个方法其实与使用 Array 构造器类似。关键的区别是,如果你使用 Array.of() 传入一个数字,它将返回一个包含该数字的数组。但是 Array 构造器为该数字创建了 x 个空位置。

在这个例子中,它将返回一个包含数字 4 的数组。

let myArr = Array.of(4);

console.log(myArr);
Screen-Shot-2022-05-15-at-12.00.27-AM

但是如果我把这个例子改成使用 Array 构造器,那么它就会返回一个包含 4 个空位置的数组。

let myArr = new Array(4);

console.log(myArr);
Screen-Shot-2022-05-15-at-12.02.03-AM

如何使用 split() 方法从一个字符串创建一个数组

下面是 JavaScript split() 方法的语法。

str.split(optional-separator, optional-limit)

可选的分隔符是一种模式,它告诉计算机每个分割应该发生在哪里。

可选的 limit 参数是一个正数,告诉计算机在返回的数组值中应该有多少个子串。

在这个例子中,我有一个字符串 "I love freeCodeCamp"。如果我使用没有分隔符的 split() 方法,那么返回值将是整个字符串的一个数组。

const str = 'I love freeCodeCamp';

console.log(str.split());
Screen-Shot-2022-05-15-at-12.09.10-AM

如果我想改变它,使字符串被分割成单个字符,那么我就需要添加一个分隔符。分隔符将是一个空字符串。

const str = "I love freeCodeCamp";

console.log(str.split(""));
Screen-Shot-2022-05-15-at-12.10.58-AM

请注意,在返回值中,空格被视为字符。

如果我想改变它,使字符串被分割成各个单词,那么分隔符将是一个带有空格的空字符串。

const str = "I love freeCodeCamp";

console.log(str.split(" "));
Screen-Shot-2022-05-15-at-12.11.32-AM

总结

在这篇文章中,我向你展示了使用赋值运算符、Array 构造器和 Array.of() 方法创建数组的三种方法。

在 JavaScript 中创建数组最常见的方法是将该数组赋值给一个变量,像这样:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

另一种创建数组的方法是在 Array 构造器中使用 new 关键字。

new Array();

如果一个数字参数被传递到括号中,这将为新的数组设置该数量的空位置的长度。

例如,这段代码将创建一个长度为 3 个空位置的数组。

new Array(3)

我们也可以像这样传入多个参数:

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]

另一种创建数组的方法是使用 Array.of() 方法。这个方法接受任意数量的参数并创建一个新的数组实例。

Array.of(); 

你还可以使用 split() 方法获取一个字符串并创建一个数组。

str.split(optional-separator, optional-limit)

我希望你喜欢这篇关于 JavaScript 数组的文章。