📜  JavaScript 中的数组(1)

📅  最后修改于: 2023-12-03 14:42:30.473000             🧑  作者: Mango

JavaScript 数组

在 JavaScript 中,数组是一种用于存储多个值的数据结构。数组中的每个值都有一个对应的索引,可以通过索引来访问数组中的值。本文将介绍 JavaScript 中的数组。

创建数组

可以使用字面量语法或构造函数来创建数组:

// 使用字面量语法创建数组
let numbers = [1, 2, 3, 4, 5];

// 使用构造函数创建数组
let colors = new Array('red', 'green', 'blue');
访问数组元素

数组中的每个元素都有一个对应的索引。可以使用方括号和索引来访问数组元素:

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

let colors = new Array('red', 'green', 'blue');
console.log(colors[0]); // 输出 "red"
console.log(colors[2]); // 输出 "blue"
遍历数组

可以使用 for 循环或 forEach 方法来遍历数组:

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

// 使用 for 循环遍历数组
for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

// 使用 forEach 方法遍历数组
numbers.forEach(function(number) {
  console.log(number);
});
修改数组

可以通过索引来修改数组中的元素:

let numbers = [1, 2, 3, 4, 5];
numbers[0] = 0;
console.log(numbers); // 输出 [0, 2, 3, 4, 5]
数组方法

JavaScript 中的数组有很多有用的方法,包括:

  • push - 将元素推入数组末尾
  • pop - 弹出数组末尾的元素
  • unshift - 将元素推入数组开头
  • shift - 弹出数组开头的元素
  • splice - 从数组中添加或删除元素
  • slice - 返回数组的一个片段
  • indexOf - 返回指定元素的第一个索引
  • concat - 连接两个或多个数组
let numbers = [1, 2, 3, 4, 5];

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

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

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

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

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

let sliceNumbers = numbers.slice(2, 5);
console.log(sliceNumbers); // 输出 [2.5, 2.7, 3]

console.log(numbers.indexOf(3)); // 输出 4

let newNumbers = numbers.concat([6, 7]);
console.log(newNumbers); // 输出 [1, 2, 2.5, 2.7, 3, 4, 5, 6, 7]
总结

JavaScript 中的数组是一种强大的数据结构,可以存储多个值,并且具有丰富的方法来操作数组。在编写 JavaScript 程序时,经常需要使用数组来处理数据,熟练掌握数组的使用是非常重要的。