JavaScript 数组

2025 年 4 月 23 日 | 阅读 5 分钟

在 JavaScript 中，数组是一种集合，用于在不同内存位置存储多个值，但它们共享相同的名称。您可以使用方括号内的索引来访问数组中的值，索引从 0 开始，直到数组长度减 1（[0]…[n-1]）。

语法

JavaScript 中数组的语法如下：

示例

const age = [20, 22, 21, 10, 12];
console.log(age);

立即执行

输出

[ 20, 22, 21, 10, 12]

如何在 JavaScript 中创建数组？

在 JavaScript 中创建数组有 3 种方法。例如：

数组字面量
使用 new 关键字
数组构造函数

数组字面量

数组字面量是由方括号([])括起来的零个或多个表达式组成的列表，每个表达式代表一个数组元素。

语法

可以使用下面的语法通过数组字面量创建数组。

示例

let country = [ "India", "Australia", "England" ];
for (let i = 0; i<country.length; i++ ){
console.log( country[i]);
}

立即执行

输出

India
Australia
England

使用 new 关键字

通过使用 JavaScript 中的 new 关键字，您可以轻松创建数组。

语法

示例

let num;
let country = new Array ();
country[0] = "Japan";
country[1] = "Spain";
country[2] = "Germany";
for ( num = 0; num<country.length; num++ )
{
console.log( country[num]);
}

立即执行

输出

Japan
Spain
Germany

数组构造函数

您可以将参数传递给构造函数来创建数组实例。

示例

let employee = new Array("Rohit", "Vivek", "Jhon");
for (let i=0;i<employee.length;i++){  
console.log(employee[i]);  
}  

立即执行

输出

Rohit
Vivek
Jhon

JavaScript 数组的基本操作

在 JavaScript 中，数组提供了多种操作，可以高效地管理和处理数据。

访问数组元素

在 JavaScript 中，当您想访问数组中特定索引的元素时，可以使用方括号 [] 和索引号。

示例

let cars = ["BMW", "Buggati", "Skyline"];
console.log(cars[1]);

立即执行

输出

Buggati

访问数组的第一个元素

通过使用索引 0，您可以访问数组的第一个元素。

示例

let cars = ["BMW", "Buggati", "Skyline"];
console.log(cars[0]);

立即执行

输出

BMW

访问数组的最后一个元素

通过使用索引 length - 1，您可以访问数组的最后一个元素。

示例

let cars = ["BMW", "Buggati", "Skyline"];
let last = cars[cars.length-1];
console.log(last);

立即执行

输出

Skyline

修改数组元素

通过将新值赋给特定索引，您可以修改数组中的元素。

示例

let cars = ["BMW", "Buggati", "Skyline"];
cars[1] = "Ferrari";
console.log(cars);

立即执行

输出

[ 'BMW', 'Ferrari', 'Skyline' ]

向数组添加元素

通过使用 push() 方法，您可以向数组末尾添加元素。

示例

let cars = ["BMW", "Buggati", "Skyline"];
cars.push("GTR");
console.log(cars);

立即执行

输出

[ 'BMW', 'Buggati', 'Skyline', 'GTR' ]

从数组中删除元素

通过使用 pop()、shift() 或 splice() 等方法，您可以从数组中删除元素。

示例

let cars = ["BMW", "Buggati", "Skyline"];
cars.pop(); // removes the last element
console.log(cars);

立即执行

输出

[ 'BMW', 'Buggati' ]

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()	它创建一个新的迭代器对象，其中包含数组中每个索引的值。

下一主题JavaScript 数组方法

JavaScript 数组

示例

如何在 JavaScript 中创建数组？

数组字面量

示例

使用 new 关键字

示例

数组构造函数

示例

JavaScript 数组的基本操作

访问数组元素

示例

访问数组的第一个元素

示例

访问数组的最后一个元素

示例

修改数组元素

示例

向数组添加元素

示例

从数组中删除元素

示例

JavaScript 数组方法

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 数组

示例

如何在 JavaScript 中创建数组？

数组字面量

示例

使用 new 关键字

示例

数组构造函数

示例

JavaScript 数组的基本操作

访问数组元素

示例

访问数组的第一个元素

示例

访问数组的最后一个元素

示例

修改数组元素

示例

向数组添加元素