数组 JavaScript

在 JavaScript 中，数组是一种用于存储多个值的数据结构。数组可以包含其他数组和对象，在操作时非常有用。本文将介绍如何使用 JavaScript 数组以及常用的 JavaScript 数组方法。

创建数组

要创建一个数组，可以使用方括号括起来的一组值，并用逗号分隔。例如：

const fruits = ['apple', 'banana', 'orange'];

还可以通过构造函数创建一个数组：

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

但通常情况下我们会使用第一种方式来创建数组。

访问数组

可以使用数组索引访问数组中的元素。数组的索引是从 0 开始的，例如：

console.log(fruits[0]); // 输出 'apple'

改变数组

可以使用索引来更改数组中的元素。例如，将第一个元素更改为 “pear”：

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

还可以使用数组的许多其他方法来添加，删除和更改元素。这些方法包括 push、pop、shift、unshift、splice 等等，我们将在下面详细讲解。

数组长度

通过数组的 length 属性可以获取数组的长度：

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

可以使用数组的 length 属性来更改数组的大小：

fruits.length = 2;
console.log(fruits); // 输出 ["pear", "banana"]

数组方法

push

push 方法在数组的末尾添加一个或多个元素，并返回新的长度：

fruits.push('kiwi');
console.log(fruits); // 输出 ["pear", "banana", "kiwi"]

pop

pop 方法从数组的末尾删除一个元素，并返回这个元素的值：

const lastFruit = fruits.pop();
console.log(lastFruit); // 输出 'kiwi'
console.log(fruits); // 输出 ["pear", "banana"]

shift

shift 方法从数组的开头删除一个元素，并返回这个元素的值：

const firstFruit = fruits.shift();
console.log(firstFruit); // 输出 'pear'
console.log(fruits); // 输出 ["banana"]

unshift

unshift 方法在数组的开头添加一个或多个元素，并返回新的长度：

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

slice

slice 方法返回一个新数组，包含从开始到结束（不包含结束）选定部分的所有元素：

const subArray = fruits.slice(1, 2);
console.log(subArray); // 输出 ["kiwi"]
console.log(fruits); // 输出 ["apple", "kiwi", "banana"]

splice

splice 方法可以从数组中添加和删除元素。第一个参数指定要添加或删除元素的位置，第二个参数指定要删除或添加的个数，后面的参数指定要添加的元素：

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

concat

concat 方法将两个或多个数组合并为一个新数组：

const moreFruits = ['peach', 'watermelon'];
const allFruits = fruits.concat(moreFruits);
console.log(allFruits); // 输出 ["apple", "orange", "pear", "banana", "peach", "watermelon"]

join

join 方法将数组中的所有元素连接成一个字符串：

const fruitString = fruits.join(", ");
console.log(fruitString); // 输出 "apple, orange, pear, banana"

循环数组

JavaScript 中的 for 循环可以用于循环数组：

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

还可以使用 forEach 方法来循环数组：

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

以上就是 JavaScript 中数组的基础操作，非常实用。掌握了这些，就可以更加灵活地处理 JavaScript 数组了。