javaScript的高级函数

1.map()

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

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

map不会对空数组进行检测。

map不会改变原始数组 。

参数：

array.map(function(currentValue,index,arr){}),分别为当前元素值（必选），索引，原数组

实例：

 const arr=[1,2,3,4,5];
 let arrs=arr.map((cur)=>{
    return cur+1;//每个元素加1
 })
 console.log(arrs)//[2,3,4,5,6]

2.reduce()

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

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

参数：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue),分别为函数的初始值，当前元素值，索引，原数组，传递给函数的初始值。

实例：

 const arr=[1,2,3,4,5,4,3,2,1];
 let reduceArr=arr.reduce((total,cur)=>{
     return total+cur;//累加
 })
 let reduceArr2=arr.reduce((total,cur)=>{
     if(!total.includes(cur)){
         return total.concat(cur);//如果total里没有cur,就把cur合并到total里边。
     }else{
         return total;
     }
 },[])//[]为total的初始值
 console.log(reduceArr);//25
13 console.log(reduceArr2);//[1,2,3,4,5]

3.filter()

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

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

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

参数：

array.filter(function(currentValue,index,arr), thisValue)，分别是当前元素，索引，原数组，对象作为该执行回调时使用，传递给函数，用作 "this" 的值。

实例：

 const arr=[1,2,3,4,5,'a','b','c'];
 let filterArr=arr.filter((value)=>{
    return typeof(value)==='number';
 })
 console.log(filterArr);//[1,2,3,4,5]

4.sort()

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。

 const arr=[1,6,5,'2','3','4'];
 let sortArr=arr.map((item)=>{
    return item-0;//将arr里的str转换为Number
 }).sort((a,b)=>{
    return a-b;
 })
 console.log(sortArr);//[1,2,3,4,5,6]