forEach(function)   用于调用数组的每个元素,并将元素传递给回调函数。原数组不变。对数组的每个元素执行一次提供的函数。没有返回值

注意点:

1. 如果只有一个参数,那么就是 数组内容

2. 它的语句结构里面不支持break、continue和return语句 ,break和continue会直接报错,不会读取return语句

语法:

let array = ['a', 'b', 'c']array.forEach(function(element) {console.log(element)                输出 a b c
})或array.forEach((a)=> {console.log(a);                    输出 a b c
})        

属性:

foreach方法主要有三个参数,分别是数组内容、数组索引、整个数组

    let arr = ['a', 'b', 'c']// 数组内容、数组索引、数组本身arr.forEach(function (value, index, array) {console.log(value)console.log(index)console.log(array)})输出:
a                    // 数据内容
0                    // 索引
['a', 'b', 'c']      // 数组本身
b
1
['a', 'b', 'c']
c
2
['a', 'b', 'c']

对比:

forEach() 方法对数组的每个元素执行一次提供的函数。总是返回undefined;

 let arr = [1,2,3,4];arr.forEach(alert); //    等价于:let arr = [1, 2, 3, 4];for (let k = 0, length = arr.length; k < length; k++) {alert(array[k]);}

forEach和map的区别:

区别主要在于map有返回值,而forEach没有返回值

forEach:

let arr = [0,2,4,6,8];var newArr = arr.forEach(item=>{console.log(item)return item/2;},this);console.log(newArr);// 输出
0
2
4
6
8
undefined

map:

 let arr = [0,2,4,6,8];let newArr = arr.map(item=>{console.log(item)return item/2;},this);console.log(newArr);// 输出
0
2
4
6
8
[0,1,2,3,4]

【JavaScript】- forEach的用法相关推荐

  1. php foreach嵌套foreach,php中foreach怎么嵌套foreach PHP中foreach函数用法?

    foreach的使用方法小编不是很明确,分享达人指教一下.foreach (array_expressforeach($array as $key) { if(xxxx) { break; //bre ...

  2. php foreach是什么,php中foreach的用法是什么

    php中foreach的用法是:[foreach ($array as $value) {要执行代码;}],每进行一次循环,当前数组元素的值就会被赋值给$value变量,在进行下一次循环时,将得到数组 ...

  3. Javascript的this用法

    Javascript的this用法 转自:http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html th ...

  4. TCL foreach的用法

    文章目录 foreach var list body foreach var1 list1 ?var2 list2 var3 list3 ...? body 本篇文章介绍的是foreach的用法,fo ...

  5. javascript typeof的用法

    javascript typeof的用法 2007/07/31 18:49 经常会在js里用到数组,比如 多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(docum ...

  6. Javascript:this用法

    #Javascript:this用法整理 pingan 于 星期三, 18/12/2013 - 22:32 提交 常用Javascript的人都知道,[this这个关键字在一个函式内究竟指向谁]的这个 ...

  7. php伪数组转换为数组,JavaScript伪数组用法实例

    在Javascript中什么是伪数组?伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们.本文实例讲述了JavaScript伪数组用法, ...

  8. php的foreach什么意思,php中foreach的用法是什么,php foreach as

    php中foreach的用法是什么PHP中foreach的用法是什么,foreach在php中的用法是:[foreach($ array as $ value){要执行的代码:}],对于每个循环,当前 ...

  9. javascript forEach方法

    简单来说,forEach就是增强版的for循环,用来遍历数组 forEach的用法: forEach(第一个参数,第二个参数(可选)) forEach 第一个参数,放函数(ele,当前元素,index ...

  10. javascript中in用法介绍

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

最新文章

  1. MySQL 修改账号的IP限制条件
  2. powerbi 线性回归_Power BI二月新增图表及课程福利
  3. 一行代码让你的python运行速度提高100倍
  4. windows 64位 安装mvn提示 不是内部或外部命令
  5. 结对开发——电梯调度问题需求分析
  6. 中国最佳广告创意图片_设计一个系统,以帮助赢得最佳创意
  7. SQL SERVER 2008的GEOMETRY类型
  8. pb调用java webservice_PB调用各类WebService或c#程序
  9. python怎么把图片变成字符_用Python把图片变成字符画
  10. Java匹马行天下之学编程的起点——高级语言大锅烩
  11. NDT 算法和一些常见配准算法
  12. 微信浪漫告白小程序java_厉害了,微信小程序可以这样表白,还怕他(她)拒绝你?...
  13. 二元logistic模型案例_二元Logistic模型(上)
  14. layabox 场景文件类型有哪些?
  15. CefSharp浏览器网页中文语言设置
  16. java 微信分享朋友圈 链接显示图片_分享网页到微信朋友圈,显示缩略图的方法...
  17. android手机log文件工具,手机文件日志app下载-手机文件日志 安卓版v1.0-PC6安卓网...
  18. 一个无经验的大学毕业生,可以转行做程序员吗?我的真实案例
  19. googleMap 谷歌地图
  20. 大学“电路分析基础”试题合集第六章(文末附PDF文档与Word文档)

热门文章

  1. 单点登录(SSO)-- 实现单点登录的几种方式
  2. Blender建模练习:人物模型多边形建模流程图解(二形体调整篇)
  3. 百度地图的离线地图实现
  4. 计算机二级msoffice操作题如何评分,计算机二级MSOffice操作题及答案解析
  5. R语言rvest包网络爬虫
  6. JS获取下个月的第一天和最后一天
  7. 深度学习笔试、面试题 二
  8. html5图片如何变成圆圈,h5中使用canvas把图片缩放并且剪切成圆形
  9. unity 关于Particles shader的alpha通道存储(用于bloom效果)
  10. maya中英文对照_求玛雅的全部中英文对照