JavaScript的foreach

  • 初始化
  • 写法
    • 1、经典写法
    • 2、js的foreach
    • 3、es6的foreach

初始化

先创建一个h5文件,并定义一个数组

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js基础</title><script>var arr = [{id: 1, name: "赛文"},{id: 2, name: "艾斯"},{id: 3, name: "泰罗"},{id: 3, name: "迪迦"}]</script>
</head>
<body></body>
</html>

写法

1、经典写法

这种写法和java类似 ,支持各个版本的浏览器:

/** 写法一* */for (let i = 0; i < arr.length; i++) {document.write("id is " + arr[i].id + "\t"+ "name is " + arr[i].name + "<br>");}

2、js的foreach

这种写法不支持ie9以下版本的浏览器:

 /** 写法二** */arr.forEach(function (item) {document.write("id is " + item.id + "\t"+ "name is " + item.name + "<br>");})

3、es6的foreach

在es6规范出来后,现在还有这种写法,同样不支持ie8:

/** 写法三: es6** */arr.forEach(element=>{document.write("id is " + element.id + "\t"+ "name is " + element.name + "<br>");})

打印效果如下:

js中foreach有三种写法,你知道吗相关推荐

  1. Js中forEach,for in,for of循环的用法

    取出数组里边对象的key和value值: 取出数组里边对象的key和value值_chu_geng的博客-CSDN博客_获取数组里面对象的value值 转自:js中forEach,for in,for ...

  2. js中forEach以及forEach跳出循环

    for与forEach的区别 1.for循环可以使用break跳出循环,但forEach不能.那forEach能不能跳出循环呢?可以,不过不是使用break,而是结合try catch操作(下面有写如 ...

  3. js中if else写法优劣

    在项目的js文件中看到有如下两种写法,如图: 支持第一种写法的理由是:如果以后有多层判断,当条件第一次不满足条件时就直接return false,以后的判断就不需要执行,可以减少不必要的代码校验. 支 ...

  4. JS中 forEach 方法添加属性遇到 “obj“ is not extensible 的解决方法 (不可扩展、密封、冻结的对象添加属性)

    项目中有可能会遇到not extensible的对象,这个时候我们只能拷贝一份对象,然后再我们新拷贝的对象中进行数据操作. 以下为sample代码: var copiedData = [] // 用于 ...

  5. JS中箭头函数写法及5种简写规则

    ES6箭头函数的引入,使函数的写法变的更加简洁. 箭头函数没有自己的this,arguments,super或new.target.箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造 ...

  6. Js里面IF(var)表示什么意思?js中if的写法、含义

    Q:if(一个变量),没有> < !=这些半短逻辑, 什么时候为真 什么时候为假? A:是判断逻辑,javascript是弱变量类型语言,通俗地就是没有数据类型.任意值都有逻辑值(真或假) ...

  7. Vue中foreach数组与js中遍历数组的写法

    场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. ...

  8. mysql语句在node.js中的写法

    总结一下mysql语句在node.js中的各种写法,参考了npm网站mysql模块给的实例. 查询 select //1 db.query('select * from tuanshang_users ...

  9. jsforeach异步的问题_js中forEach回调同异步题目

    js中forEach自身是同步的 举个栗子: [many, too many, so many].forEach((value) => { some code; // 这是一个大数值运算(非异步 ...

最新文章

  1. PHP常用类型判断函数
  2. 从RocketMQ看长轮询(Long Polling)
  3. 53-python界面-wxForm
  4. 基于vue2.0实现音乐/视频播放进度条组件的思路及具体实现方法+代码解释
  5. php无符号整数转有符号整数,PHP中把有符号整型转换为无符号整型方法_PHP教程...
  6. iPhone 14 Pro太空黑渲染图曝光:感叹号挖孔+直角边框
  7. 最便宜的855旗舰了,可惜是它
  8. c# HttpWebResponse 调用WebApi
  9. 养生之道之一_吃喝相关[转载]
  10. 花了三个月终于把所有的 Python 库全部整理了!可以说很全面了
  11. 凯利公式计算器安卓_手机计算器别只用来算数!1秒开启隐藏功能,你不会还没发现吧...
  12. 根据起始日期、起始时间、终止日期、终止时间计算年数
  13. 【阅读】阅读软件Calibre以及电子书下载地址
  14. 南华大学计算机学院王玉锋,喜报!南华大学和王玉锋同学双双获奖!
  15. Kalevitch and Chess(翻译 day 4)
  16. ffmpeg读取本地视频,获取视频帧
  17. 深度学习——模型量化、压缩及加速( MobileNets )
  18. python求两个数的最大公约数穷举法_求两个数字的最大公约数-Python实现,三种方法效率比较,包含质数打印质数的方法...
  19. zinnia项目功能分析
  20. 使用MATLAB将raw格式图片转换为txt

热门文章

  1. 65. Python中强大灵活的eval函数
  2. 将Excel表格数据转为SQL语句
  3. 使用DirectPlay进行网络互联(3)
  4. 大球吞小球html5游戏在线玩,大球吃小球大作战
  5. 微信小程序根据wx.getSystemInfo获取屏幕尺寸,并动态改变元素宽高尺寸,示例
  6. postgresql11.2修改分区表中复合索引字段长度遇到的BUG
  7. 《富豪谷底求生》纪录片记录
  8. 量化投资界的“Q Quant”和“P Quant
  9. android平板2018,安卓平板何处逢生?最值的平板 2018 iPad 上手体验
  10. ElementUI表单校验rules封装