forEach和map的用法和区别

forEach()和map()都是处理数组的高阶函数有相同的三个值:(currentValue,index,arr);

currentValue:必选,当前元素的值,index:可选,当前元素的下标,arr:可选,当前遍历的数组对象

语法:

  let array = [{title:"雪碧",price:2.5},{title:"可乐",price:2.5}]

  let list = []

  array.forEach((item,index,arr)=>{

    list[index] = item;    或者    list[index].title = item.title; list[index].price= item.price

  })

  list = array.map((item,index,arr)=>{

    let arr = {

      title:item.title,

      item:item.price

    }

    return arr;

    或者

    return {

      title:item.title,

        item:item.price

    }

  })

那么,forEach和map都有相同三个值,他们有什么区别呢?

相同处:forEach 和 map都相当于封装好的单层for循环,三个值都相同。

不同处:

  一:forEach()方法没有返回值,而map()方法有返回值;

  二:forEach遍历通常都是直接引入当前遍历数组的内存地址,生成的数组的值发生变化,当前遍历的数组对应的值也会发生变化;

  三:map遍历的后的数组通常都是生成一个新的数组,新的数组的值发生变化,当前遍历的数组值不会变化;

总结一下:这里我为什么都说遍历后通常是引入当前遍历数组的内存地址和生成一个新的数组,因为按forEach和map创作思想,forEach遍历基本引入遍历数组内存地址、map遍历而是生成一个新的数组,但是有些人写的时候不按map和forEach的常规语法来,导致使用map遍历数组时,返回的值是直接把当前遍历数组的每个元素的内存地址给了另外一个数组,本质还是引用遍历数组中每个元素的内存地址,这样生成的数组已经不能称作为一个新的数组同样也把map最大的一个特性给舍弃了,同理如果map和forEach本质没区别的话,开发人员没必要把他们封装成两个函数,封装成一个就好了。

如果对于上面说法有不懂的,可以看带着疑问看下面案例

  案例一:

  代码:

 

    let arr = [      {       title:'雪碧',       price: 2.5, }, { title:'可乐', price: 2.5, } ] let a = arr.forEach((item,index) =>{ return item }) let b = arr.map((item,index) =>{ return item }) console.log(arr) //打印arr数组 console.log(a) //undefined console.log(b) //打印arr数组

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgfsd.html