热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript中常见的高阶函数总结

JavaScript的函数其实都指向某个变量,既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数,这篇文章主要给大家介绍

前言

一个函数可以接受另一个函数作为参数,就把这个函数叫做高阶函数。

一个最简单的高阶函数:

function add(x, y, f) {
    return f(x) + f(y);
}
//当调用add(-5, 6, Math.abs)时,参数x,y和f分别接收-5,6和函数Math.abs,根据函数定义,可以推导计算过程为:
//x = -5;
//y = 6;
//f = Math.abs;
//f(x) + f(y) ==> Math.abs(-5) + Math.abs(6) ==> 11;
//return 11;

//用代码验证一下:
add(-5, 6, Math.abs); // 11

map函数

map()方法定义在Javascript的数组中,我们调用Array的map()方法,传入我们自己的函数,就得到了一个新的数组。

举个例子:现在有一个数组,想让每个数组元素都变成它的平方,输出这个新数组,传统方法也很简单,今天我们用map函数来写:

 function pow(x) {
            return x * x;
        }

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        alert (arr.map(pow))

reduce函数

数组的reduce()把一个函数作用在这个数组的[x1, x2, x3…]上,这个函数必须接收两个参数,reduce()把结果继续和序列的下一个元素做累积计算。

举个例子:

let arr=[6,8,8,6,9,6]
        let a=arr.reduce(function(x,y){
            return x+y;
        })
        alert(a)

filter函数

filter函数可以说是数组的一个过滤函数,它会将接收的函数作用于每一个元素,然后根据返回的布尔值决定这个元素留下还是丢掉。

filter()接收的回调函数,其实可以有多个参数 ,通常我们仅使用 第一个参数 表示元素的位置和数组本身。

看一个简单的例子:有一个数组,现在想只保留数组的偶数元素,奇数元素全部过滤掉,看下代码:

var arr = [1,2,1,2,1,2,1,2];
        var r = arr.filter(function (x) {
            return x % 2 == 0;
        });
        alert(r)

sort

sort主要用于排序

看下例子:有一个数组,想将它按从小到大或从大到小的顺序排列,看下代码:

//从小到大排列
 let arr=[1,3,1,2,3,6,4,3]
        let arr1=arr.sort((a,b)=>a-b)
        alert(arr1)

//从大到小排列
 let arr=[1,3,1,2,3,6,4,3]
        let arr1=arr.sort((a,b)=>b-a)
        alert(arr1)

every方法

数组对象提供的every()方法判断数组的所有元素是否满足测试条件

举个例子:测试数组元素是否大于6

let arr=[4,6,8,8]
        let result=arr.every(function(a){
            return a>6
        })
        alert(result)

find方法

数组对象提供的find()方法用于查找符合条件的第一个元素,如果找到 了,返回这个元素,否则,返回undefined

let arr=[4,6,8,9]
        let result=arr.find(function(a){
            return a>6
        })
        alert(result)

findIndex方法

数组对象提供的find()方法用于查找符合条件的第一个元素,如果找到 了,返回这个元素的索引

 let arr=[4,6,8,9]
        let result=arr.findIndex(function(a){
            return a>6
        })
        alert(result)

foreach方法

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

举个例子:遍历数组,先使用传统的for循环,再使用foreach函数,看下代码:

const items = ["item1", "item2", "item3"];
const copy = [];
//传统方式
for (let i=0; i

总结

到此这篇关于Javascript中常见的高阶函数总结的文章就介绍到这了,更多相关Javascript高阶函数内容请搜索编程笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程笔记!


推荐阅读
author-avatar
依心摇曳少校
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有