js数组filter map reduce用法

数组的高阶函数能够简化我们的程序代码，把本来需要f多层or循环加判断的代码只用几行代码就可以完成，今天我们介绍小最常用的几个 filter map reduce

filter

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

例子：

var words = ["zhangsan", "lisi", "wangwu", "renqi", "xiaoming", "present"];

var longWords = words.filter(( word ) => {

  //return true 则将该word push到longWords数组里
  //return false 则不会将改word   push到longWords数组里

    return word.length > 6;
});
console.log(longWords)

输出结果是：["zhangsan", "xiaoming", "present"]

map

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

例子：

var numbers = [1, 5, 10, 15];
var doubles = numbers.map(x =>{
   return x * x;
});
console.log(numbers);
console.log(doubles );

结果：[1,25,100,225] [1,5,10,15]

reduce

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。

语法
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

例子：

var total = [1,2,3,4,5];
var sum = total((a,b)=>{return a+b});
console.log(sum)

结果：15

set

直接上例子数组去重

function unique10(arr) {
            //Set数据结构，它类似于数组，其成员的值都是唯一的
            return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组
        }
        console.log(unique10([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));