map,filter,reduce

对于map，filter，reduce这三者之间，用的比较少，也没有做什么整理，导致一直傻傻分不清。今天趁着暂时没啥bug，趁机整理一波，以备不时之需。。
惭愧惭愧哈。
话不多说上代码，一切都在注释中。

    <script>
        // map
        let arr=[2,3,4,5];
        let b=arr.map(e=>{
            return e=e*2
        })
        // console.log(arr)//[2,3,4,5]
        // console.log(b)//[4,6,8,10]
        //map不改变原数组，返回一个原数组处理之后的新的数组
        //map 有且必须有return ，否则新数组各项值为undefined


        // filter
            //深拷贝数组
        let arr2=[...arr]
        // let arr2=arr.slice();
        // let arr2=arr.concat();
        let c=arr2.filter(e=>{
            return e>4
        })
        // console.log(arr2)//[2,3,4,5]
        // console.log(c)//[5]
        //filter 不改变原数组，返回符合条件筛选后的一个新的数组
        //filter 有且必须有return 否则新数组为一个空的数组
        

        //reduce
        // 语法 
        // arr.reduce(callback(previousValue, currentValue, currentIndex,array),initialValue); 
        // 参数 
        // callback:累加器函数 
        // previousValue: 上一次调用函数后的返回值，或者是提供的初始值（initialValue） 
        // currentValue:当前数组的元素 
        // currentIndex:当前数组元素的索引 
        // array:调用reduce的数组 
        // initialValue:初始值，作为第一次调用callback的第一个参数，也可不写，默认为0；
        let arr3=[...arr2]

        //1.filter累加器
        let d=arr3.reduce((total,e)=>{
            
            return total+=e
        })
        console.log(arr3)//[2,3,4,5]
        console.log(d)//14
        //reduce必须有return 若无return 返回值为undefined

        //2.reduce实现filter和map
        let f=arr3.reduce(((total,e)=>{
            //map
            e*=2;
            //filter
            if(e>4){
                total.push(e)
            }
            return total
        }),[])
        console.log(f)//[6,8,10]
    </script>