JavaScript数组

JavaScript数组是存储多个值的变量。数组可以包含多种类型的数据，如字符串、数字和布尔值，并且可以方便地进行操作和访问。

创建数组

数组可以使用Array构造函数或方括号声明来创建。

const arr1 = new Array();
const arr2 = [];

数组还可以包含初始值。

const arr3 = new Array(1, 2, 3);
const arr4 = ["a", "b", "c"];

访问数组元素

可以使用数组索引或括号运算符来访问数组元素。

const arr = ["a", "b", "c"];
console.log(arr[0]); // "a"
console.log(arr[2]); // "c"

注意，数组的索引从0开始。

修改数组元素

可以使用索引或括号运算符来修改数组元素。

const arr = ["a", "b", "c"];
arr[1] = "d";
console.log(arr); // ["a", "d", "c"]

数组长度

数组的长度可以使用length属性获取。

const arr = ["a", "b", "c"];
console.log(arr.length); // 3

可以使用length属性来修改数组长度。

const arr = ["a", "b", "c"];
arr.length = 2;
console.log(arr); // ["a", "b"]

数组迭代

可以使用for循环或forEach方法来迭代数组。

const arr = ["a", "b", "c"];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
// "a"
// "b"
// "c"

arr.forEach(function(element) {
  console.log(element);
});
// "a"
// "b"
// "c"

数组方法

JavaScript数组还提供了许多实用的方法。以下是一些常用方法的示例。

push / pop

push方法用于将一个或多个元素添加到数组末尾，pop方法用于从数组末尾删除一个元素。

const arr = ["a", "b", "c"];
arr.push("d");
console.log(arr); // ["a", "b", "c", "d"]
arr.pop();
console.log(arr); // ["a", "b", "c"]

shift / unshift

shift方法用于从数组开头删除一个元素，unshift方法用于在数组开头添加一个或多个元素。

const arr = ["a", "b", "c"];
arr.unshift("x");
console.log(arr); // ["x", "a", "b", "c"]
arr.shift();
console.log(arr); // ["a", "b", "c"]

slice / splice

slice方法用于创建一个包含数组部分的新数组，splice方法用于将一个或多个元素添加到数组中或从数组中删除一个或多个元素。

const arr = ["a", "b", "c"];
const subArr1 = arr.slice(1, 2);
console.log(subArr1); // ["b"]
const subArr2 = arr.splice(1, 1, "x", "y");
console.log(arr); // ["a", "x", "y", "c"]
console.log(subArr2); // ["b"]

concat / reverse

concat方法用于将两个或多个数组连接在一起，reverse方法用于颠倒数组中元素的顺序。

const arr1 = ["a", "b"];
const arr2 = ["c", "d"];
const arr3 = arr1.concat(arr2);
console.log(arr3); // ["a", "b", "c", "d"]
const arr4 = ["a", "b", "c"];
arr4.reverse();
console.log(arr4); // ["c", "b", "a"]

sort

sort方法用于按字母顺序对数组进行排序。

const arr = ["d", "b", "a", "c"];
arr.sort();
console.log(arr); // ["a", "b", "c", "d"]

总结

JavaScript数组是一个方便和实用的功能。数组提供了一个存储和访问多个值的通用方法。在日常编码中，您可以发现JavaScript数组是非常有用的工具，它可帮助您轻松地完成许多任务。