• 先说下for-eachfor-of还有for-in的区别。
  • for-offor-in都是对对象操作的,而for-eachmap()是对数组进行操作的。
  • for-in的使用:对于一个数组里的每一个键进行遍历(不是键值对key-value形式么,就是那个"键")
  • for-of的使用:与for-in不同,for-of取的是键值对里的"值"

for-each和map()的区别

  • for-each没有返回值,就是简单的遍历。

看以下代码:

let a = [1, 2, 3, 4, 5]
let c = a.forEach((item) => {console.log(item)return item <= 3 ? item : 3
})
console.log(a)
//for-each没有返回值
console.log(c)

运行结果:


  • map()不会改变原数组,返回一个数组,输出符合条件的项。
let b = a.map((item) => {//console.log(item)return item <= 3 ? item : 3
})//map()不改变原数组
console.log(a)
console.log(b)

运行结果:

[JS] for-each和map()的区别相关推荐

  1. python filter和map的区别_js中filter和map的区别

    介绍了这么多关于filter的内容,大家有没有发现filter和map在为数组中的每个元素调用一次 callback 函数,都是js数组的操作方法,那么filter和map有什么区别呢?其实最大的区别 ...

  2. JS数组中 forEach() 和 map() 的区别

    JS数组中 forEach() 和 map() 的区别 Array中 Array.forEach()和 Array.map()方法之间的区别. forEach()和map()方法通常用于遍历Array ...

  3. 【ES6】JS的Set和Map数据结构

    [ES6]JS的Set和Map数据结构 一.Set 1.基本用法 2.4种操作方法 3.4种遍历方法 4.Set的应用 1)Set转化为数组 2)去除数组的重复元素 3)实现并集(Union).交集( ...

  4. Js中的style,currentStyle,getComputedStyle()区别

    Js中的style,currentStyle,getComputedStyle()区别  样式表有三种方式: 1.内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效 ...

  5. JS中 let 和var的区别

    JS中let和var 的区别 简单介绍let var的常见变量提升 ES6可以用let定义块级作用域变量 let配合for循环的独特应用 let没有变量提升与暂时性死区 let变量不能重复声明 简单介 ...

  6. C++中的hash_map和map的区别

    1)为什么需要hash_map /* 例如: 我要记录一个人名和相应的存储,而且随时增加,要快速查找和修改: 岳不群-华山派掌门人,人称君子剑 张三丰-武当掌门人,太极拳创始人 东方不败-第一高手,葵 ...

  7. 浅谈Java中的Set、List、Map的区别

    就学习经验,浅谈Java中的Set,List,Map的区别,对JAVA的集合的理解是想对于数组: 数组是大小固定的,并且同一个数组只能存放类型一样的数据(基本类型/引用类型),JAVA集合可以存储和操 ...

  8. List Set Map的区别

    List Set Map各自实现类区别以及底层原理和实现 最新总结 List Set Map的区别 结构不同 List 和 Set 是存储单列数据的集合,Map 是存储键和值这样的双列数据的集合:Li ...

  9. java list set map的区别_Java集合类List/Set/Map的区别和联系

    Java集合类List/Set/Map的区别和联系 一.Array , Arrays Java所有"存储及随机访问一连串对象"的做法,array是最有效率的一种. 1. 效率高,但 ...

最新文章

  1. 软件工程--总作业(已经完成)
  2. SAP Cloud for Customer根据模型某字段进行OData的搜索操作
  3. python3的float数精度_Python numpy 浮点数精度问题
  4. python 杀死子进程_Python:当父异常终止时,如何杀死子进程?
  5. G2 2.0 更灵活、更强大、更完备的可视化引擎!
  6. 解决opensips NAT 问题和ACK不能正常转发问题
  7. jQuery中浏览器版本判断的一个BUG,此BUG已影响到jqModal,thickbox等多个jQuery插件的应用...
  8. C语言图书出入库管理系统
  9. win7共享xp打印机_打印机共享那些事儿……
  10. 重庆邮电大学c语言题库
  11. 【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
  12. 高考数学之快速解选择题
  13. 显卡如何超频?超多少合适?
  14. 基于QT,cyapi的CYUSB3014,USB3.0上位机编写
  15. 决胜5G新战场,联通沃云全新战略重磅发布
  16. Rails部署云环境配置(Passenger+Apache)
  17. 红帽rhce考试自带补考吗_【重要通知】红帽 RHCE7.0 版本考试即将下线
  18. linux c 语言uint32 t,Linux中uint16_t
  19. PMP试题 | 每日一练,快速提分 8.6
  20. 设(X1,X2,…,Xn) 是来自正态总体N(μ,σ2),的一个样本,其中μ,σ2未知,求μ与σ2的极大似然估计量.

热门文章

  1. 2022-2028年中国封装用胶膜行业运营现状及投资发展潜力报告
  2. Go 学习笔记(67)— Go 并发安全字典 sync.Map
  3. Elasticsearch学习之路(一)
  4. 基于Android和SpringBoot的购物App
  5. HiCar SDK概述
  6. 自主数据类型:在TVM中启用自定义数据类型探索
  7. 如何为应用选择最佳的FPGA(上)
  8. HDR sensor 原理介绍
  9. ViewGroup的Touch事件分发(源码分析)
  10. 零起点学算法03——超简单模仿算术题