📜  我们声明 js 数组 - Javascript (1)

📅  最后修改于: 2023-12-03 15:25:42.338000             🧑  作者: Mango

我们声明 JS 数组 - Javascript

在 JavaScript 中,数组是一种数据结构,用于存储和操作一组值。

声明数组

使用数组字面量,可以用方括号来声明一个数组:

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

也可以使用 new 关键字声明一个数组:

let numbers = new Array(1, 2, 3, 4, 5);
读取和修改数组元素

通过数组索引可以访问数组中的元素。数组索引从 0 开始,依次递增,直到数组的长度减 1。

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

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

numbers[2] = 6;
console.log(numbers); // 输出:[1, 2, 6, 4, 5]
数组长度

可以使用数组对象的 length 属性获取数组的长度。这个属性是可读写的,可以通过修改它来改变数组的长度。

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

console.log(numbers.length); // 输出:5

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

numbers.length = 6;
console.log(numbers); // 输出:[1, 2, 3, undefined, undefined, undefined]
console.log(numbers.length); // 输出:6
数组方法

JavaScript 提供了许多有用的数组方法,用于操作数组中的元素。

push()

push() 方法用于将一个或多个元素添加到数组的末尾,并返回新的数组长度。

let numbers = [1, 2, 3];

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

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

pop() 方法用于删除数组的最后一个元素,并返回该元素的值。

let numbers = [1, 2, 3];

let lastNumber = numbers.pop();
console.log(lastNumber); // 输出:3
console.log(numbers); // 输出:[1, 2]
unshift()

unshift() 方法用于将一个或多个元素添加到数组的开头,并返回新的数组长度。

let numbers = [1, 2, 3];

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

numbers.unshift(-2, -1);
console.log(numbers); // 输出:[-2, -1, 0, 1, 2, 3]
shift()

shift() 方法用于删除数组的第一个元素,并返回该元素的值。

let numbers = [1, 2, 3];

let firstNumber = numbers.shift();
console.log(firstNumber); // 输出:1
console.log(numbers); // 输出:[2, 3]
slice()

slice() 方法用于从数组中提取一段元素,并返回一个新的数组。

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

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

splice() 方法用于在数组中添加或删除元素。

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

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

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

以上是 JavaScript 数组的一些基本操作和常用方法,掌握这些内容可以方便地操作数组中的元素。