JavaScript 数组基本操作全解

什么是 JavaScript 数组？

JavaScript 数组是存储值的有序集合。它可以存储任何类型的值，例如数字、字符串和对象。 数组的每个元素都有一个数字索引，用于访问数组中的元素。

如何创建 JavaScript 数组？

可以使用以下两种方式创建 JavaScript 数组：

1.直接赋值

let fruits = ['apple', 'banana', 'orange']; // 创建一个存放了 3 种水果的数组

console.log(fruits); // 输出 ["apple", "banana", "orange"]

2.使用 new 操作符和 Array() 构造函数

let numbers = new Array(1, 2, 3, 4, 5); // 创建一个数组，包含数字 1, 2, 3, 4, 5

console.log(numbers); // 输出 [1, 2, 3, 4, 5]

JavaScript 数组的基本操作

下面我们将讲解 JavaScript 数组的一些基本操作。

1. 访问数组元素

你可以使用索引号来访问数组中的元素。 数组的第一个元素具有索引 0，第二个元素具有索引 1，以此类推。 下面是一个访问数组元素的示例：

let fruits = ['apple', 'banana', 'orange']; // 创建一个存放了 3 种水果的数组

console.log(fruits[0]); // 输出 "apple"
console.log(fruits[1]); // 输出 "banana"
console.log(fruits[2]); // 输出 "orange"

2. 向数组中添加元素

你可以使用以下三种方法向 JavaScript 数组中添加元素：

1.使用索引号添加元素

let fruits = ['apple', 'banana']; // 创建一个存放了 2 种水果的数组

fruits[2] = 'orange'; // 向数组中添加第三个元素

console.log(fruits); // 输出 ["apple", "banana", "orange"]

2.使用 push() 方法添加元素

let fruits = ['apple', 'banana']; // 创建一个存放了 2 种水果的数组

fruits.push('orange'); // 使用 push() 方法向数组中添加第三个元素

console.log(fruits); // 输出 ["apple", "banana", "orange"]

3.使用 unshift() 方法添加元素

let fruits = ['apple', 'banana']; // 创建一个存放了 2 种水果的数组

fruits.unshift('orange'); // 使用 unshift() 方法向数组开头添加第一个元素

console.log(fruits); // 输出 ["orange", "apple", "banana"]

3. 删除数组元素

你可以使用以下两种方法从 JavaScript 数组中删除元素：

1.使用索引号删除元素

let fruits = ['apple', 'banana', 'orange']; // 创建一个存放了 3 种水果的数组

delete fruits[1]; // 删除第二个元素

console.log(fruits); // 输出 ["apple", undefined, "orange"]，注意第二个元素的值变成了 undefined

2.使用 splice() 方法删除元素

let fruits = ['apple', 'banana', 'orange']; // 创建一个存放了 3 种水果的数组

fruits.splice(1, 1); // 从第二个元素开始，删除一个元素

console.log(fruits); // 输出 ["apple", "orange"]

4. 获取数组的长度

你可以使用 length 属性获取数组的长度。例如：

let fruits = ['apple', 'banana', 'orange']; // 创建一个存放了 3 种水果的数组

console.log(fruits.length); // 输出 3

示例说明

示例一：向数组中添加多个元素

let numbers = [1, 2, 3]; // 创建一个数组，包含数字 1, 2, 3

numbers.push(4, 5, 6); // 使用 push() 方法向数组中添加三个元素

console.log(numbers); // 输出 [1, 2, 3, 4, 5, 6]

示例二：从数组中删除元素

let fruits = ['apple', 'banana', 'orange']; // 创建一个存放了 3 种水果的数组

fruits.splice(1, 1); // 删除第二个元素

console.log(fruits); // 输出 ["apple", "orange"]

以上就是 JavaScript 数组的基本操作。当然，JavaScript 数组的功能远远不止这些。你可以在 MDN 等网站上深入学习 JavaScript 数组的高级特性。