JavaScript数组是表示相似类型元素的集合的对象。

在JavaScript中有三种构建数组的方式:

  1. 使用数组字面量
  2. 直接创建Array的实例(使用new关键字)
  3. 使用Array构造函数(使用new关键字)

1)JavaScript数组字面量

使用数组字面量创建数组的语法如下:

var arrayname = [value1, value2, ..., valueN];

如你所见,值被包含在 [ ] 内,并用逗号(,)分隔。

让我们看一个简单的在JavaScript中创建和使用数组的例子:

var emp = ["Sonoo", "Vimal", "Ratan"];
for (var i = 0; i < emp.length; i++) {
  document.write(emp[i] + "<br/>");
}

.length 属性返回数组的长度。

上述例子的输出

Sonoo
Vimal
Ratan

2)直接创建JavaScript数组(使用new关键字)

直接创建数组的语法如下:

var arrayname = new Array();

在这里,使用new关键字来创建数组的实例。

让我们看一个直接创建数组的例子。

var i;
var emp = new Array();
emp[0] = "Arun";
emp[1] = "Varun";
emp[2] = "John";

for (i = 0; i < emp.length; i++) {
  document.write(emp[i] + "<br>");
}

上述例子的输出

Arun
Varun
John

3)使用数组构造函数(使用new关键字)

在这里,你需要通过在构造函数中传递参数来创建数组的实例,这样我们就不必明确地提供值。

创建数组的数组构造函数的例子如下。

var emp = new Array("Jai", "Vijay", "Smith");
for (var i = 0; i < emp.length; i++) {
  document.write(emp[i] + "<br>");
}

上述例子的输出

Jai
Vijay
Smith

JavaScript数组方法

让我们看一下JavaScript数组方法的列表及其描述。

方法描述
concat()它返回一个新的数组对象,其中包含两个或多个合并的数组。
copyWithin()它复制给定数组的一部分,并返回修改后的数组。
entries()它创建一个迭代器对象和一个循环,用于遍历每个键/值对。
every()它确定数组的所有元素是否满足提供的函数条件。
flat()它创建一个新数组,递归地连接子数组元素,直到达到指定的深度。
flatMap()它通过映射函数映射所有数组元素,然后将结果扁平化为一个新数组。
fill()它用静态值填充数组中的元素。
from()它从另一个数组元素创建一个新的数组副本。
filter()它返回包含满足提供的函数条件的元素的新数组。
find()它返回给定数组中满足指定条件的第一个元素的值。
findIndex()它返回给定数组中满足指定条件的第一个元素的索引值。
forEach()它为数组的每个元素调用提供的函数一次。
includes()它检查给定数组是否包含指定元素。
indexOf()它搜索给定数组中的指定元素,并返回第一个匹配的索引。
isArray()它测试传递的值是否为数组。
join()它将数组的元素连接为一个字符串。
keys()它创建一个包含数组键的迭代器对象,然后循环遍历这些键。
lastIndexOf()它搜索给定数组中的指定元素,并返回最后一个匹配的索引。
map()它为每个数组元素调用指定的函数,并返回新数组。
of()它根据可变数量的参数创建一个新数组,包含任意类型的参数。
pop()它删除并返回数组的最后一个元素。
push()它将一个或多个元素添加到数组的末尾。
reverse()它反转给定数组的元素。
reduce(function, initial)它从左到右为每个值执行提供的函数,并将数组减少为一个值。
reduceRight()它从右到左为每个值执行提供的函数,并将数组减少为一个值。
some()它确定数组中的任何元素是否通过实现函数的测试。
shift()它删除并返回数组的第一个元素。
slice()它返回包含给定数组部分副本的新数组。
sort()它返回给定数组元素的排序结果。
splice()它向给定数组添加/删除元素。
toLocaleString()它返回一个包含指定数组所有元素的字符串。
toString()它将指定数组的元素转换为字符串形式,而不影响原始数组。
unshift()它在给定数组的开头添加一个或多个元素。
values()它创建一个新的迭代器对象,其中包含数组中每个索引的值。

标签: js, JavaScript, JavaScript语言, JavaScript开发, JavaScript语法, JavaScript脚本, JavaScript教程, JavaScript入门, JavaScript入门教程, JavaScript进阶, JavaScript宝典, JavaScript学习, JavaScript指南, JavaScript大全