es6 map对象直接返回一维数组 js map返回新数组吗

转载

mob64ca13f34c58 2024-06-28 19:53:28

这里写目录标题

map
filter
reduce方法
区别

map

map函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变
map不改变原数组，返回一个原数组处理之后的新的数组
map 有且必须有return ，否则新数组各项值为undefined

let arr=[2,3,4,5];
        let a=arr.map(e=>{
            return e=e*2
        })
        console.log(arr)//[2,3,4,5]
        console.log(a)//[4,6,8,10]

filter

filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组
作用：通过条件筛选并返回复合条件的值
返回返回值：返回值是一个新数组,回调函数返回值为true，就把循环的这一项放在新数组中，如果为fasle，就忽略。

var arr= [20,30,40,99,100]
var Newarr = arr.filter((v,index) =>{
	return v>50;
})
console.log(Newarr) // [99,100]

reduce方法

reduce函数主要用于对数组所以元素的汇总操作，如全部相加、相乘等
作用：计算数组中所有的key计算结果，
回调参数：1. 没有初始值，是数组的第一项,2. 没有初始值，是数组的第二项

运行过程

没有初始值

第一调用回调函数，接收的是数组的第一项和第二项。
第二次调用回调函数，接收的第一个参数是调用上一个回调函数（第一个）的返回值，第二参数是数组的第三项；
第三次调用函数，接收的第一个参数是调用上一个回调函数（第二次）的返回值，第二参数是数组的第四项。。。。。

有初始值

第一次调用回调函数，回调函数的第一参数是传入的初始值，第二分参数是数组的第一项
第二次调用回调函数，接收的第一个参数是调用上一个回调函数（第一个）的返回值，第二参数是数组的第三项；
第三次调用函数，接收的第一个参数是调用上一个回调函数（第二次）的返回值，第二参数是数组的第四项

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