原文: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);
如何使用 new 运算符和 Array 构造器在 JavaScript 中创建数组
创建数组的另一种方法是将 new
关键字与 Array
构造器一起使用。
这是基本语法:
new Array();
如果将数字参数传递到括号中,则会设置新数组的长度。
在这个例子中,我们创建了一个长度为 3 个空位置的数组。
new Array(3)
如果我们使用新数组上的 length
属性,则将返回数字 3。
new Array(3).length
但是,如果我们尝试访问数组的任何元素,它将返回 undefined
,因为所有这些位置当前都是空的。
new Array(3)[0]
我们可以修改例子,接受多个参数并创建一个食物的数组。
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"
如何使用 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"
这个方法其实与使用 Array
构造器类似。关键的区别是,如果你使用 Array.of()
传入一个数字,它将返回一个包含该数字的数组。但是 Array
构造器为该数字创建了 x 个空位置。
在这个例子中,它将返回一个包含数字 4 的数组。
let myArr = Array.of(4);
console.log(myArr);
但是如果我把这个例子改成使用 Array
构造器,那么它就会返回一个包含 4 个空位置的数组。
let myArr = new Array(4);
console.log(myArr);
如何使用 split() 方法从一个字符串创建一个数组
下面是 JavaScript split()
方法的语法。
str.split(optional-separator, optional-limit)
可选的分隔符是一种模式,它告诉计算机每个分割应该发生在哪里。
可选的 limit 参数是一个正数,告诉计算机在返回的数组值中应该有多少个子串。
在这个例子中,我有一个字符串 "I love freeCodeCamp"
。如果我使用没有分隔符的 split()
方法,那么返回值将是整个字符串的一个数组。
const str = 'I love freeCodeCamp';
console.log(str.split());
如果我想改变它,使字符串被分割成单个字符,那么我就需要添加一个分隔符。分隔符将是一个空字符串。
const str = "I love freeCodeCamp";
console.log(str.split(""));
请注意,在返回值中,空格被视为字符。
如果我想改变它,使字符串被分割成各个单词,那么分隔符将是一个带有空格的空字符串。
const str = "I love freeCodeCamp";
console.log(str.split(" "));
总结
在这篇文章中,我向你展示了使用赋值运算符、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 数组的文章。