forEach用法与map用法区别
forEach是ES5中操作数组的一种方法,主要功能是遍历数组,forEach方法对数组的每个元素执行一次提供的函数。map用法与forEach相似,map方法的即是“映射”,原数组被“映射”成对应新数组。
1.forEach方法中的function回调有三个参数
第一个参数是遍历的数组内容,
第二个参数是对应的数组索引,
第三个参数是数组本身。方法执行是没有返回值的,对原来数组也没有影响。
即:
[].forEach(function(value,index,array){//code something
2.forEach例子
var arr = [1,2,3,4];
arr.forEach(function(value,index,array){array[index] == value; //结果为truesum+=value; });console.log(sum); //结果为 10
3.map方法
map的回调函数中支持return返回值,并不影响原来的数组,只是相当于把原数组克隆一份,把克隆的这一份的数组中的对应项改变。
4.map例子
var arr = [1,2,3,4];
var newarr=arr.map(function(val,index,arr){console.log(arr[index]==val); // ==> 结果为truereturn val*val;
})
console.log(newarr); // ==> 结果为[1, 4,9, 16]
forEach用法与map用法区别相关推荐
- JS中map()与forEach()的用法
JS中map()与forEach()的用法 相同点: 1.都是循环遍历数组中的每一项 2.每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组) 3. ...
- c++ list, vector, map, set 区别与用法比较
List封装了链表,Vector封装了数组, list和vector得最主要的区别在于vector使用连续内存存储的,他支持[]运算符,而list是以链表形式实现的,不支持[]. Vector对于随机 ...
- list, vector, map, set 区别与用法比较
List封装了链表,Vector封装了数组, list和vector得最主要的区别在于vector使用连续内存存储的,他支持[]运算符,而list是以链表形式实现的,不支持[]. Vector对于随机 ...
- c++:list, vector, map, set 区别与用法比较
List封装了链表,Vector封装了数组, list和vector得最主要的区别在于vector使用连续内存存储的,他支持[]运算符,而list是以链表形式实现的,不支持[]. Vector对于随机 ...
- c++ list, vector, map, set 区别与用法
https://blog.csdn.net/alex_xhl/article/ List封装了链表,Vector封装了数组, list和vector得最主要的区别在于vector使用连续内存存储的,他 ...
- 微信小程序——数组操作 (增加删除修改遍历)map、filter、forEach、find的用法、二维数组,排序,求和、指定长度数组赋值
一.数组的操作 Array.push() ->在数组后面继续插入内容 Array.pop() ->拿走数组最后一个内容 Array-shift()->拿走数组的第一个内容 (unsh ...
- c++ map用法_Pandas数据处理三板斧——map、apply、applymap详解
在日常的数据处理中,经常会对一个DataFrame进行逐行.逐列和逐元素的操作,对应这些操作,Pandas中的map.apply和applymap可以解决绝大部分这样的数据处理需求.这篇文章就以案例附 ...
- mysql入参映射_Mybatis中的Mapper映射Sql中传参类型(如Bean,基本类型,List...)与取值的方式 与foreach的几种用法!!...
附加:mybatis配置文件 /p> "http://mybatis.org/dtd/mybatis-3-config.dtd"> View Code 附加:测试文件 ...
- [JS] for-each和map()的区别
先说下for-each与for-of还有for-in的区别. for-of和for-in都是对对象操作的,而for-each和map()是对数组进行操作的. for-in的使用:对于一个数组里的每一个 ...
最新文章
- 整理的一点MD5资料(第一部分)
- 怎样才能使二级网页窗口最大化
- Python之路----迭代器与生成器
- 滴滴AI负责人叶杰平:你的每一次出行,都已有AI落地的助力 | MEET 2020
- socks5 运行几个小时后 端口10808不通了,ss5服务正常
- UART协议驱动设计
- python 测试框架
- 如何用编程得出泰坦尼克号生还者的年龄段?
- vim 快捷键_VIM学习笔记 自动补全详解(Auto-Completion Detail)
- java遍历session_java中遍历session问题
- 手把手教你使用Python做数据分析
- APK安装流程:点击下载应用了解安装的全过程
- UVC驱动分析一条龙
- 52、尽量减少恶意软件的传播
- MongoDB day03
- YUV转RGB(Android)
- 实战技法 - 短线操盘 (8)
- 坑爹大冒险html5游戏在线玩,《史上最坑爹的大冒险》 图文全通关攻略
- 蓝桥杯真题:分巧克力
- 国外it的一些学习网站
热门文章
- 杀死linux进程的N种方法
- 开源进展 | WeCross v1.2.0 发布,实现FISCO BCOS与Fabric 2.0 的跨链适配
- 将url动态转换成二维码插件 - 兼容IE8
- python浮点型和整数型转换_Python字符串、整数、和浮点型数相互转换实例
- 七牛云跨账号迁移空间文件
- Vue富文本插件(quill-editor)
- 计算机专业的小组课题,计算机的教研组工作计划(精选3篇)
- flex弹性布局图解
- Go 新关键字 any,interface 会成历史吗?
- 如何用iMazing监测手机电池效能