知识篇：（四）JavaScript 数组操作方法详解及示例-CSDN博客

本文链接：https://blog.csdn.net/mmc123125/article/details/142813934

JavaScript 数组操作方法详解及示例

在 JavaScript 中，数组是非常常用的数据结构。数组操作方法丰富，能够极大地方便开发者处理和操作数据。本文将介绍常见的数组操作方法，并提供相应的代码示例。

push() 方法用于在数组末尾添加一个或多个元素，并返回新的数组长度。
pop() 方法用于删除数组最后一个元素，并返回被删除的元素。

示例：

let arr = [1, 2, 3];
arr.push(4);  // [1, 2, 3, 4]
let poppedElement = arr.pop();  // 4, arr 变为 [1, 2, 3]

unshift() 方法在数组的开头添加一个或多个元素，并返回新的数组长度。
shift() 方法删除数组的第一个元素，并返回被删除的元素。

示例：

let arr = [1, 2, 3];
arr.unshift(0);  // [0, 1, 2, 3]
let shiftedElement = arr.shift();  // 0, arr 变为 [1, 2, 3]

concat() 方法用于合并两个或多个数组，返回一个新的数组，不会更改原始数组。

示例：

let arr1 = [1, 2, 3];
let arr2 = [4, 5];
let newArr = arr1.concat(arr2);  // [1, 2, 3, 4, 5]

slice() 方法从一个已有数组中返回选定的元素，不会更改原数组。

示例：

let arr = [1, 2, 3, 4, 5];
let slicedArr = arr.slice(1, 3);  // [2, 3]

splice() 方法通过删除、替换或添加新元素来修改原数组。返回包含被删除元素的新数组。

示例：

let arr = [1, 2, 3, 4, 5];
arr.splice(1, 2, 'a', 'b');  // [1, 'a', 'b', 4, 5], 删除 2 和 3，并插入 'a' 和 'b'

forEach() 方法对数组中的每个元素执行一次给定的函数。

示例：

let arr = [1, 2, 3];
arr.forEach((num) => {
    console.log(num);  // 依次输出 1, 2, 3
});

map() 方法创建一个新数组，其结果是该数组中的每个元素调用一次提供的函数后的返回值。

示例：

let arr = [1, 2, 3];
let doubledArr = arr.map(num => num * 2);  // [2, 4, 6]

filter() 方法创建一个新数组，包含所有通过测试函数的元素。

示例：

let arr = [1, 2, 3, 4, 5];
let filteredArr = arr.filter(num => num > 2);  // [3, 4, 5]

reduce() 方法对数组中的每个元素执行一个提供的 reducer 函数，并将其结果汇总为单个返回值。

示例：

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);  // 10

find() 方法返回数组中第一个满足提供的测试函数的元素，如果没有找到，则返回 undefined。

示例：

let arr = [1, 2, 3, 4];
let foundElement = arr.find(num => num > 2);  // 3

findIndex() 方法返回数组中第一个满足测试函数的元素的索引，如果没有找到，则返回 -1。

示例：

let arr = [1, 2, 3, 4];
let index = arr.findIndex(num => num > 2);  // 2

includes() 方法用于判断一个数组是否包含一个指定的值，返回布尔值。

示例：

let arr = [1, 2, 3];
let containsTwo = arr.includes(2);  // true
let containsFive = arr.includes(5);  // false

sort() 方法对数组中的元素进行排序，并返回排序后的数组。注意：默认按字符串排序，数字排序时需要额外处理。

示例：

let arr = [3, 1, 4, 2];
arr.sort((a, b) => a - b);  // [1, 2, 3, 4]

reverse() 方法将数组中的元素颠倒，并返回颠倒后的数组。

示例：

let arr = [1, 2, 3];
arr.reverse();  // [3, 2, 1]

掌握这些数组操作方法可以让你更高效地处理数据。通过合理使用这些方法，不仅能够简化代码，还能提升开发效率。在日常的开发工作中，多多使用这些方法能够让你在处理数组时得心应手。