让人头大的数组方法！一文带你搞懂六个妙招

2023-09-11 23:55:09

数组常用的六种方法

数组是计算机科学中数据存储和管理的重要结构，广泛应用于各种编程语言和应用场景中。在 JavaScript 中，数组是一种有序的数据结构，由一组按顺序排列的值组成，这些值可以是任意类型，包括数字、字符串、布尔值甚至其他数组。JavaScript 数组提供了多种方法来操纵和管理数组元素，其中常用的方法包括：

1. push()

向数组的末尾添加新内容。

语法：push(item1, item2, ..., itemN)
参数：要添加的项。传递多个用逗号隔开，任何数据类型都可以。
返回值：新增后数组的长度。
是否改变原数组：改变。
示例：

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

2. pop()

删除数组的最后一项。

语法：pop()
参数：无。
返回值：被删除的项。
是否改变原数组：改变。
示例：

const numbers = [1, 2, 3, 4, 5];
const lastItem = numbers.pop();
console.log(lastItem); // 5
console.log(numbers); // [1, 2, 3, 4]

3. shift()

删除数组的第一个元素，并返回被删除的元素。

语法：shift()
参数：无。
返回值：被删除的项。
是否改变原数组：改变。
示例：

const numbers = [1, 2, 3, 4, 5];
const firstItem = numbers.shift();
console.log(firstItem); // 1
console.log(numbers); // [2, 3, 4, 5]

4. unshift()

在数组的开头添加新元素，并返回数组的新长度。

语法：unshift(item1, item2, ..., itemN)
参数：要添加的项。传递多个用逗号隔开，任何数据类型都可以。
返回值：新增后数组的长度。
是否改变原数组：改变。
示例：

const numbers = [1, 2, 3, 4, 5];
numbers.unshift(0, -1);
console.log(numbers); // [0, -1, 1, 2, 3, 4, 5]

5. reverse()

反转数组中元素的顺序，并返回反转后的数组。

语法：reverse()
参数：无。
返回值：反转后的数组。
是否改变原数组：改变。
示例：

const numbers = [1, 2, 3, 4, 5];
numbers.reverse();
console.log(numbers); // [5, 4, 3, 2, 1]

6. splice()

在数组中指定的位置插入或删除元素，并返回被删除的元素。

语法：splice(start, deleteCount, ...items)
参数：
- start: 插入或删除元素的起始位置。
- deleteCount: 要删除的元素的数量。
- items: 要插入的元素。
返回值：被删除的元素。
是否改变原数组：改变。
示例：

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

// 在第 2 个位置插入 "a" 和 "b"
numbers.splice(2, 0, "a", "b");
console.log(numbers); // [1, 2, "a", "b", 3, 4, 5]

// 从第 3 个位置开始删除 2 个元素
numbers.splice(3, 2);
console.log(numbers); // [1, 2, "a", 5]