JavaScript Array（数组）

JavaScript Array（数组）

引言

JavaScript 中的数组是存储一系列有序数据项的容器。数组是 JavaScript 中最常用的数据结构之一，几乎在所有 JavaScript 应用程序中都会用到。本文将详细介绍 JavaScript 数组的相关知识，包括数组的创建、访问、修改、排序、搜索等操作。

数组的创建

在 JavaScript 中，可以使用多种方式创建数组：

1. 使用数组字面量

let arr = [1, 2, 3, 4, 5];

2. 使用 Array() 构造函数

let arr = new Array(1, 2, 3, 4, 5);

3. 使用 Array.of() 方法

let arr = Array.of(1, 2, 3, 4, 5);

4. 使用 Array.from() 方法

let arr = Array.from([1, 2, 3, 4, 5]);

数组的访问

1. 使用索引访问元素

let arr = [1, 2, 3, 4, 5];
console.log(arr[0]); // 输出：1
console.log(arr[1]); // 输出：2
// ...
console.log(arr[4]); // 输出：5

2. 使用 length 属性获取数组长度

let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 输出：5

数组的修改

1. 使用索引修改元素

let arr = [1, 2, 3, 4, 5];
arr[0] = 10;
console.log(arr); // 输出：[10, 2, 3, 4, 5]

2. 使用 push() 和 pop() 方法添加和删除数组元素

let arr = [1, 2, 3, 4, 5];
arr.push(6); // 添加元素
console.log(arr); // 输出：[1, 2, 3, 4, 5, 6]

arr.pop(); // 删除元素
console.log(arr); // 输出：[1, 2, 3, 4, 5]

3. 使用 shift() 和 unshift() 方法添加和删除数组元素（针对数组头部）

let arr = [1, 2, 3, 4, 5];
arr.shift(); // 删除头部元素
console.log(arr); // 输出：[2, 3, 4, 5]

arr.unshift(0); // 添加头部元素
console.log(arr); // 输出：[0, 2, 3, 4, 5]

数组的排序

JavaScript 中的数组提供了 sort() 方法用于排序：

let arr = [5, 2, 9, 1, 5, 6];
arr.sort();
console.log(arr); // 输出：[1, 2, 5, 5, 6, 9]

默认情况下，sort() 方法按照升序排序。如果需要按照降序排序，可以传递一个比较函数：

let arr = [5, 2, 9, 1, 5, 6];
arr.sort((a, b) => b - a);
console.log(arr); // 输出：[9, 6, 5, 5, 2, 1]

数组的搜索

JavaScript 中的数组提供了 indexOf() 和 lastIndexOf() 方法用于搜索元素：

let arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3)); // 输出：2
console.log(arr.lastIndexOf(5)); // 输出：4

如果元素不存在，indexOf() 和 lastIndexOf() 方法将返回 -1。

总结

本文介绍了 JavaScript 数组的基本知识，包括创建、访问、修改、排序和搜索等操作。掌握数组的相关知识对于编写高效的 JavaScript 代码至关重要。希望本文能帮助您更好地理解和使用 JavaScript 数组。