文章目录

  • foreach和map的不同点:
  • foreach和map的共同点:
  • vue使用场景

foreach和map的不同点:

(1)map()方法会得到一个新的数组并返回,forEach()会修改原来的数组。

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

(2)forEach()允许callback更改原始数组的元素。map()返回新的数组。

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

foreach和map的共同点:

(1)都是循环遍历数组中的每一项。

(2)每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组)。

(3)匿名函数中的this都是指向window。

(4)只能遍历数组。

vue使用场景

  • forEach() 适合你并不打算改变数据的时候,而只是想用数据做一些事情—比如存入数据库或者打印出来。
this.criticalData = [id,unid,...]let arrReport= []this.criticalData.forEach((item) =>{ let query = new Object()query["id"] = item.idquery["unid"] = item.unidquery["outSysNo"] = item.outSysNoquery["lisAppUnid"] = item.lisAppUnidquery["appUuid"] = item.appUnidquery["areaValue"] = item.areaValuequery["lisOrgUnid"] = item.lisOrgUnidquery["alarmMsg"] = item.alarmMegquery["lisAppItemUnid"] = item.lisItemUnidquery["lisItemUnid"] = item. lisOrgUnidarrReport.push(query) })
  • map() 适合你要改变数据值的时候,不仅仅在于它更快,而是返回一个新的数组;这样的优点在于你可以使用复合(composition) (map() , filter() , reduce() 等组合使用)来玩出更多的花样。
this.criticalData = [id,unid,...]const arrReport = this.criticalData.map(item => {return {id: item.id,unid: item.unid,outSysNo: item.outSysNo,lisAppUnid: item.lisAppUnid,appUuid: item.appUnid,areaValue: item.areaValue,lisOrgUnid: item.lisOrgUnid,alarmMsg: item.alarmMeg,lisAppItemUnid: item.lisItemUnid,lisItemUnid: item. lisOrgUnid,}})

Map 和 ForEach 的区别相关推荐

  1. JS中map和foreach的区别以及some和every的用法

    转载自:小猪冒泡 的 原生JS forEach()和map()遍历 一.原生JS forEach()和map()遍历 共同点: 1.都是循环遍历数组中的每一项.2.forEach() 和 map() ...

  2. map和foreach的区别和应用场景_支付宝小程序和微信小程序,两者有何区别?

    原标题:支付宝小程序和微信小程序,两者有何区别? 自2017年1月微信推出小程序之后,小程序的发展势头便愈来愈猛.作为腾讯老对头的阿里,也开始投入小程序的研发.在一年多的开放公测后,支付宝小程序终于于 ...

  3. map和foreach的区别和应用场景_浅析项目中常用的 VO、DTO、DO、PO的概念、区别和用处...

    概念: 模型: VO与DTO的区别 VO与DTO的应用 DTO与DO的区别 DTO与DO的应用 DO与PO的区别 DO与PO的应用 本篇文章主要讨论一下我们经常会用到的一些对象:VO.DTO.DO和P ...

  4. map和foreach的区别和应用场景_说说session和cookie区别与主要应用场景,localStorage的特点...

    session和cookie区别 1.session保存在服务器,cookie保存在客户端 2.session中保存的时对象,cookie保存的是字符串 3.session不能区分路径,同一个用户访问 ...

  5. js数组中forEach/some/every/map/filter/reduce的区别

    2019独角兽企业重金招聘Python工程师标准>>> // js数组中forEach/some/every/map/filter/reduce的区别// 1. foreach:就是 ...

  6. html5有foreach吗,JavaScript中的map()和forEach()有什么区别?

    来源:https://medium.com/better-programming,作者:Moon,翻译:公众号<前端全栈开发者> JavaScript中一些最受欢迎的功能可能是map和fo ...

  7. Java 8 Stream Api 中的 peek、map、foreach区别

    #1. 前言 我在Java8 Stream中讲述了 Java 8 Stream API 的一些内容.今天再看一下peek.map.foreach区别. 2. peek peek 操作接收的是一个 Co ...

  8. stream.map 和 stream.foreach 的区别

    网上很多关于讲解这俩个区别的文章,但大多数要么不明不白,要么太复杂难理解.所以自己通俗的讲一下,毕竟不会太深奥,只是个人理解. 什么是 stream 流 我们在使用集合或数组对元素进行操作时往往会遇到 ...

  9. forEach,map和filter的区别

    forEach,map和filter的区别 这三种都是对数据进行循环的 听说for循环已经烂大街了所以我赶紧补习一下别的 1.forEach循环,循环数组中每一项并进行简单操作,没有返回值 let a ...

最新文章

  1. 选择最合适的预测性维护传感器
  2. python fromfile_python之numpy文件操作
  3. PMCAFF微课堂|猎豹清理大师亿万用户量产品背后的紫牛方法论,傅盛不会说的秘密...
  4. 真是一分钱一分货 NVme SSD都有哪些优势?
  5. DCMTK:使用dcmimage 库将DICOM图像转换为PPM或PGM
  6. gSOAP中内存的使用
  7. oracle会话超时,Oracle EBS控制会话时间及超时
  8. 发动机压缩比怎么计算公式_怎么判断发动机有积碳,发动机积碳多的症状有哪些...
  9. Ruby对象、变量和常量
  10. VC++视频教程下载地址
  11. 如何使用 ggplot2 ?
  12. 如何配置风骚的android studio编辑器,让编程更优雅?
  13. abaqus算出来的转角单位是什么_ABAQUS中的单位使用方法
  14. 大一java计算圆面积_Java练习题——计算圆的面积
  15. C++的岗位要求是什么?
  16. C++ 模板函数的使用
  17. webserver有哪些?
  18. Java找工作的准备点
  19. 优雅地封装和使用 ViewBinding
  20. 黑龙江职业学院计算机考试,黑龙江2021年9月计算机等级考试考点安排 在哪考试...

热门文章

  1. ora-00257报错解决办法
  2. ROS2使用OpenCV基础
  3. Rabbitmq消息中心_消息追踪
  4. 推广链接生成html操作流程,推广链接使用指引
  5. ClassNotFoundException: org.apache.flink.shaded.guava18.com.google.common.collect.Lists
  6. 大数据开发工程师都需要学什么?
  7. 红米2电信 android go,超能玩手机:如何让红米2电信版正确支持“全网通”?
  8. ubuntu下查看硬件信息等指令整理,安装并简单运行HotSpot
  9. osgEarth示例分析——osgearth_terrainprofile
  10. mysql 1代表true(MySQL数据类型详解)