forEach()和map()的区别?【专栏09】

前端人

共 1238字,需浏览 3分钟

 ·

2021-06-10 11:36

相同点:

  • 都是循环遍历数组中的每一项
  • 每次执行匿名函数参数一样,分别是item(当前每一项)、index(索引值)、arr(原数组)
  • 只能遍历数组
  • 匿名函数中的this都是指向window;
  • 两种方法都不能用 break 中断
const users = ["鬼鬼""刘亦菲""周星驰"];

users.forEach((item, index, arr) => {
    console.log(item, index, arr);
},this);
const users = ["鬼鬼""刘亦菲""周星驰"];

users.map((item,index,arr)=>{
   console.log(item,index,arr)
},this)

不同点:

  • map()速度比forEach()快;
  • map()会返回一个新数组,不对原数组产生影响;
  • map()方法输出可以与其他方法(如reduce()、sort()、filter())链接在一起

性能对比

const users=new Array(10000).fill("鬼鬼");
// 1. forEach()
console.time("forEach");
const newArray = [];
users.forEach((item) => {
  newArray.push(item)
});
console.timeEnd("forEach");

// 2. map()
console.time("map");
const newArray2 = users.map ((item) => {
  return item
});
console.timeEnd("map");

差距还是挺大的

参考资料

  • https:/cnblogs.com/kaiqinzhang/p/11496151.html

说明

本专栏总共汇总了150道题每道题目答案没有多余扯皮的部分,就是单纯的答案。

关注公众号,每天一到面试题,为下次跳槽准备,人人都能冲击30k+,点击↓关注【鬼哥】

当前进度【#009题】,如果你能点赞分享、鬼哥骑自行车也是开心的

浏览 25
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报