js中forEach、filter、map的区别

forEach、filter、map都可以遍历数组,那么三者有什么区别?

区别:

forEach遍历数组全部元素,利用回调函数对数组进行操作,不会返回新的数组,return只用于控制循环是否跳出当前循环;
filter返回一个新的数组,filter方法需要在循环的时候判断一下是true还是false,是true才会返回这个元素;
map根据当前数组映射出一个新的数组,返回新的被改变过值之后的数组,需要return。

2.forEach主要用于改变当前数组里面的值,比如:

 let arrOne = [
        {name:'小明', age: 14},
        {name:'小华', age: 11},
        {name:'小红', age: 15},
        {name:'小黄', age: 17},
    ]
    arrOne.forEach(item => {
        item.name =  item.name + 'update'
    })
    console.log(arrOne)

filter主要用于过滤当前数组,找出符合条件的元素,返回一个新的数组,不会改变原数组比如:

let arrOne = [
        {name:'小明', age: 14},
        {name:'小华', age: 11},
        {name:'小红', age: 15},
        {name:'小黄', age: 17},
    ]
    let arrNew = arrOne.filter(item => {
        return item.age > 11
    })
    console.log(arrOne)
    console.log(arrNew)

map则可以改变当前循环的值,返回一个新的被改变过值之后的数组,一般用来处理需要修改某一个数组的值。

 let arrOne = [
        {name:'小明', age: 14},
        {name:'小华', age: 11},
        {name:'小红', age: 15},
        {name:'小黄', age: 17},
    ]
    let arrNew = arrOne.map(item => {
        return item.age + 10
    })
    console.log(arrOne)
    console.log(arrNew)

你可能感兴趣的:(javascript,开发语言,ecmascript)