foreach, for in, for of 之间的异同
2018-07-09 13:47:47来源：博客园 阅读 ()
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。
示例代码：
1 var arr = [4, 9, 16, 25]; 2 arr.forEach(function(value, index) { 3 console.log(index+': '+value+'\n'); 4 });
结果如下：
for/in 语句用于循环对象属性。
循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
示例代码：
1 var person = { 2 name: 'jack', 3 age: 18, 4 gender: 'male' 5 }; 6 for(key in person) { 7 console.log(key+': '+person[key]+'\n'); 8 }
结果如下：
需要注意的是，如果使用for in语句遍历数组，可能会出现以下问题：
1. 索引为字符串类型，不能直接进行几何运算。
2. 遍历顺序有可能不是按照实际数组的内部顺序。
3. 使用for in会遍历数组所有的可枚举属性，包括原型。
如下所示：
1 var arr = [12, 43, 19]; 2 Array.prototype.index = 110;//这里的原型属性也会被打印出来 3 for(var index in arr) { 4 console.log(index+': '+arr[index]+'\n'); 5 }
运行结果：
for of语句和for in 语句相比使用更方便，它是ES6新提出的遍历数组的方式，
具体使用：
1 var arr = [12, 43, 19]; 2 Array.prototype.index = 110;//此原型属性不会被打印出来 3 for(var value of arr) { 4 console.log(value+'\n'); 5 }
结果如下：
综述：foreach更多的用来遍历数组，但使用比较复杂；for in 一般常用来遍历
对象；for of 用来遍历数组非常方便且比较安全。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：JS经典题目解析
- 总结ext form 表单提交数据的方法 2019-11-20
- jQuery Ajax使用FormData对象上传文件的方法 2019-11-10
- Chrome Form多次提交表单问题的解决方法 2019-11-04
- js中的循环 2019-08-14
- js-02-循环语句 2019-08-14
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
