8个JavaScript中高阶函数的运用分享

什么是高阶函数

高阶函数是指接收函数作为参数和/或返回函数作为结果的函数。JavaScript中的函数是第一类对象，因此函数也可以像变量一样进行传递和操作。高阶函数是JavaScript中非常常见的编程模式，使用高阶函数可以提高代码的重用性和可读性。

具体运用

1. map()

map()方法是在JavaScript的Array原型上扩展的方法，主要用于遍历数组并返回一个新的数组，可以将一个数组中的每个元素映射到一个新的值。map()方法的参数是一个函数，该函数的参数是当前元素的值、当前索引和整个数组，map()方法将该函数的返回值存储在新的数组中，并返回该新数组。

示例代码：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(num => num * 2);
console.log(newArr); // [2, 4, 6, 8, 10]

上面的代码中，map()方法遍历了arr数组中的每个元素，并将每个元素乘以2后存储在新的数组newArr中，最后将newArr输出。

2. filter()

filter()方法是在JavaScript的Array原型上扩展的方法，主要用于遍历数组并返回一个新的子数组，可以用于过滤数组中的元素。filter()方法的参数是一个函数，该函数的参数是当前元素的值、当前索引和整个数组，如果该函数返回一个true值，则该元素将放入新的子数组中，否则将被过滤掉。

示例代码：

const arr = [1, 2, 3, 4, 5];
const filteredArr = arr.filter(num => num % 2 === 0);
console.log(filteredArr); // [2, 4]

上面的代码中，filter()方法遍历了arr数组中的每个元素，并判断该元素是否为偶数，如果是偶数则将该元素存储在新的子数组filteredArr中，否则将被过滤掉，最后将filteredArr输出。

总结

以上是两个非常常见的高阶函数map()方法和filter()方法的使用示例，在实际开发中，高阶函数还有很多其他的运用，比如reduce()方法、forEach()方法等，需要根据实际情况进行选择和运用。