js高阶函数的使用-filter/map/reduct

通过案例来讲述这几个函数的使用

		// filter函数的使用,过滤数组中小于50的元素
        const nums = [11, 22, 33, 44, 55, 111, 333];
        let num1 = nums.filter(function(n) {
            return n < 50
        })
        console.log(num1);
        //map函数的使用，如果想对数组所有的元素都进行某一次的变化，用map函数
        //将获取的元素*2
        let num2 = num1.map(function(n) {
            return n * 2
        })
        console.log(num2);
        //reduct函数的使用,reduct是用于对数组中所有的内容进行汇总
        //将获取的值进行相加
        let num3 = num2.reduce(function(preValue, n) {
            return preValue + n
        }, 0)
        console.log(num3);

        //通过函数式编程将三者链式调用
        let total = nums.filter(function(n) {
            return n < 50
        }).map(function(n) {
            return n * 2
        }).reduce(function(prevValue, n) {
            return prevValue + n
        }, 0)
        console.log(total);

        //还有更简洁的箭头函数
        let totals = nums.filter(n => n < 50).map(n => n * 2).reduce((pre, n) => pre + n);
        console.log(totals);

刚开始写博客，欢迎大佬评论指正，点赞支持