JS 声明数组

JS 声明数组

在 JavaScript 中声明一个数组是非常常见的操作，它允许我们以一种有序的方式存储和访问多个值。本文将详细介绍如何声明数组以及一些常见的操作。

声明数组

在 JavaScript 中，有多种方式可以声明一个数组。下面是一些常见的方法：

1. 使用[]符号声明空数组

let arr1 = []; // 声明一个空数组

在这种方式中，我们使用[]符号来创建一个空数组arr1。你也可以通过new Array()来创建一个空数组，但更常见的方式是使用[]符号。

2. 使用数组字面量声明带有元素的数组

let arr2 = [1, 2, 3, 4, 5]; // 声明一个带有元素的数组

在这种方式中，我们使用[]符号并在其中放入需要存储的元素来创建一个带有元素的数组arr2。

3. 使用new Array()声明指定长度的数组

let arr3 = new Array(5); // 声明一个长度为5的数组

这种方式会创建一个长度为5的空数组arr3，数组中的每个元素的值都为undefined。

4. 使用元素的索引声明数组

let arr4 = [];
arr4[0] = 'apple';
arr4[1] = 'banana';
arr4[2] = 'orange';

在这种方式中，我们先声明一个空数组arr4，然后使用索引将元素分别赋值给数组中的位置。

5. 使用Array.from()从类数组对象或可迭代对象创建数组

let arr5 = Array.from('hello'); // 将字符串转换为数组
let arr6 = Array.from({length: 5}, (v, i) => i); // 创建一个指定长度的数组并填充

Array.from()方法接受一个类数组对象或可迭代对象，并返回一个新的数组。第一个示例中，我们将一个字符串转换为数组，每个字符成为数组的一个元素。第二个示例中，我们创建了一个长度为5的数组，并通过箭头函数填充了数组的值。

访问和修改数组元素

一旦声明了数组，我们就可以通过索引访问数组中的元素，并对元素进行修改。

访问数组元素

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

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

在这个示例中，我们定义了一个包含水果名称的数组fruits，然后通过索引访问每个元素。注意：索引是从0开始的。

修改数组元素

let colors = ['red', 'green', 'blue'];

colors[1] = 'yellow';

console.log(colors); // 输出: ['red', 'yellow', 'blue']

在这个示例中，我们定义了一个包含颜色名称的数组colors，然后通过索引将第二个元素从green修改为yellow。

数组的常见操作

除了访问和修改数组元素外，JavaScript 还提供了许多其他常见的数组操作。

添加元素到数组末尾

let numbers = [1, 2, 3];

numbers.push(4);

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

push()方法可以向数组的末尾添加一个或多个元素。

从数组末尾移除元素

let letters = ['a', 'b', 'c', 'd'];

letters.pop();

console.log(letters); // 输出: ['a', 'b', 'c']

pop()方法可以从数组的末尾移除最后一个元素。

在数组开头添加元素

let animals = ['dog', 'cat'];

animals.unshift('rabbit');

console.log(animals); // 输出: ['rabbit', 'dog', 'cat']

unshift()方法可以在数组的开头添加一个或多个元素。

从数组开头移除元素

let cars = ['BMW', 'Audi', 'Mercedes'];

cars.shift();

console.log(cars); // 输出: ['Audi', 'Mercedes']

shift()方法可以从数组的开头移除第一个元素。

连接数组

let arr1 = [1, 2];
let arr2 = [3, 4];

let combined = arr1.concat(arr2);

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

concat()方法可以将两个或多个数组连接成一个新数组。

切割数组

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

let sliced = numbers.slice(1, 4);

console.log(sliced); // 输出: [2, 3, 4]

slice()方法可以从数组中提取指定的部分，并以新数组的形式返回。

总结

在 JavaScript 中，声明数组是一项基本的操作。我们可以使用多种方式声明数组，并进行访问、修改、添加、移除等操作。熟练掌握数组的声明和常见操作对于编写 JavaScript 程序是非常重要的。