js中数组的常用高阶方法

文章类型:Javascript

发布者:hp

发布时间:2023-05-11

数组提供了许多高阶函数(Higher-order Functions),它们接收一个或多个函数作为参数,并返回一个新的函数或值。这些函数常用于处理数组数据,提高开发效率和代码可读性

1:map对数组中的每个元素进行操作,生成一个新的数组

const arr = [1, 2, 3];
const arr2 = arr.map(x => x * 2); // [2, 4, 6]

2:filter():根据条件筛选出符合条件的元素,生成一个新的数组

const arr = [1, 2, 3];
const arr2 = arr.filter(x => x > 1); // [2, 3]

3:reduce():对数组中的每个元素进行聚合操作,生成一个单一的值

const arr = [1, 2, 3];
const sum = arr.reduce((prev, cur) => prev + cur, 0); // 6

4:forEach():对数组中的每个元素进行操作,没有返回值

const arr = [1, 2, 3];
arr.forEach(x => console.log(x)); // 1, 2, 3

5:some():根据条件判断数组中是否存在符合条件的元素,返回 true 或 false:

const arr = [1, 2, 3];
const hasEven = arr.some(x => x % 2 === 0); // true

6:every():根据条件判断数组中的所有元素是否都符合条件,返回 true 或 false

const arr = [1, 2, 3];
const isPositive = arr.every(x => x > 0); // true

7:find():根据条件查找符合条件的元素,返回第一个符合条件的元素,如果没有找到则返回 undefined

const arr = [1, 2, 3];
const found = arr.find(x => x > 1); // 2

8:findIndex():根据条件查找符合条件的元素的索引,返回第一个符合条件的元素的索引,如果没有找到则返回 -1

const arr = [1, 2, 3];
const index = arr.findIndex(x => x > 1); // 1