关键词

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

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()方法等,需要根据实际情况进行选择和运用。

本文链接:http://task.lmcjl.com/news/9948.html

展开阅读全文