【JavaScript】数组的创建和操作

在 JavaScript 中， 数组是一种用于存储多个值的有序集合。本篇博客将介绍 JavaScript 中数组的创建和操作，以帮助你更好地理解和运用这些概念。

1. 数组的创建

字面量表示法

let fruits = ["Apple", "Banana", "Orange"];

在上述例子中，使用字面量表示法创建了一个名为 fruits 的数组，包含了三个字符串元素。

构造函数

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

在上述例子中，使用 Array 构造函数创建了一个名为 numbers 的数组，包含了五个数字元素。

空数组

let emptyArray = [];

在上述例子中，创建了一个空数组 emptyArray，可以在后续操作中添加元素。

2. 数组的操作

访问元素

console.log(fruits[0]); // 输出：Apple

在上述例子中，使用索引访问了数组 fruits 中的第一个元素。

修改元素

fruits[1] = "Grapes";
console.log(fruits); // 输出：["Apple", "Grapes", "Orange"]

在上述例子中，通过索引修改了数组 fruits 中的第二个元素。

添加元素

push()

fruits.push("Mango");
console.log(fruits); // 输出：["Apple", "Grapes", "Orange", "Mango"]

在上述例子中，使用 push() 方法向数组 fruits 的末尾添加了一个元素。

unshift()

fruits.unshift("Pineapple");
console.log(fruits); // 输出：["Pineapple", "Apple", "Grapes", "Orange", "Mango"]

在上述例子中，使用 unshift() 方法向数组 fruits 的开头添加了一个元素。

删除元素

pop()

fruits.pop();
console.log(fruits); // 输出：["Pineapple", "Apple", "Grapes", "Orange"]

在上述例子中，使用 pop() 方法删除了数组 fruits 的最后一个元素。

shift()

fruits.shift();
console.log(fruits); // 输出：["Apple", "Grapes", "Orange"]

在上述例子中，使用 shift() 方法删除了数组 fruits 的第一个元素。

切片操作

let slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // 输出：["Grapes", "Orange"]

在上述例子中，使用 slice() 方法截取了数组 fruits 的子数组。

数组的遍历

for 循环

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

在上述例子中，使用 for 循环遍历了数组 fruits 的所有元素。

forEach()

fruits.forEach(function(fruit) {
  console.log(fruit);
});

在上述例子中，使用 forEach() 方法遍历了数组 fruits 的所有元素。

3. 多维数组

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
console.log(matrix[1][2]); // 输出：6

在上述例子中，创建了一个多维数组 matrix，通过索引访问了其中的一个元素。

4. 总结

数组是 JavaScript 中常用的数据结构，通过字面量表示法、构造函数、索引访问和各种数组方法，你可以方便地创建、修改和操作数组。数组的遍历可以通过 for 循环和数组方法（如 forEach()）实现，多维数组则提供了更复杂的数据结构。希望通过本篇博客，你对 JavaScript 中数组的创建和操作有了更深入的理解。