for of 与 for in的区别2
2024-08-28 09:25:56
遍历数组通常使用for循环,ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。
1
2
3
4
5
6
7
8
|
Array.prototype.method= function (){ console.log( this .length); } var myArray=[1,2,4,5,6,7] myArray.name= "数组" for ( var index in myArray) { console.log(myArray[index]); } |
使用for in 也可以遍历数组,但是会存在以下问题:
1.index索引为字符串型数字,不能直接进行几何运算
2.遍历顺序有可能不是按照实际数组的内部顺序
3.使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性
所以for in更适合遍历对象,不要使用for in遍历数组。
那么除了使用for循环,如何更简单的正确的遍历数组达到我们的期望呢(即不遍历method和name),ES6中的for of更胜一筹.
1
2
3
4
5
6
7
8
|
Array.prototype.method= function (){ console.log( this .length); } var myArray=[1,2,4,5,6,7] myArray.name= "数组" ; for ( var value of myArray) { console.log(value); } |
记住,for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。
for of遍历的只是数组内的元素,而不包括数组的原型属性
method
和索引name
遍历对象 通常用for in来遍历对象的键名
1
2
3
4
5
6
7
8
9
10
11
|
Object.prototype.method= function (){ console.log( this ); } var myObject={ a:1, b:2, c:3 } for ( var key in myObject) { console.log(key); } |
f
or in 可以遍历到myObject的原型方法method,如果不想遍历原型方法和属性的话,可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性
1
2
3
4
5
|
for ( var key in myObject) { if (myObject.hasOwnProperty(key)){ console.log(key); } } |
同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组,不包括原型方法和属性。
1
2
3
4
5
6
7
8
9
|
Object.prototype.method= function (){ console.log( this ); } var myObject={ a:1, b:2, c:3 } Object.keys(myObject).forEach( function (key,index){<br> console.log(key,myObject[key])<br>}) |
参考文章:http://www.infoq.com/cn/articles/es6-in-depth-iterators-and-the-for-of-loop
最新文章
- java 排序
- mysql 增、删、改、查 、函数、执行次序
- java导出cvs文件
- Redis常用操作
- Httpservlet cannot be resolved to a type的原因与解决方法
- Unity UGUI —— 无限循环List(转载)
- 深入理解Linux操作系统守护进程的意义
- SQL查询数据库表字段值不为空或Null的所有列
- [Locked] Missing Ranges
- Python新手学习基础之函数-可变参数**
- Android ImageButton Example 图片按钮
- javaweb之session过期验证
- freekan5.9电影网站安装及源码分享
- ORB-SLAM2阅读笔记(一)从mono_eourc.cpp出发理解ORB-SLAM2
- python 在数据科学中的应用之matplotlib
- 对Android系统权限的认识
- java内部类(二)
- Centos7扩展存储空间
- 微信公众平台开发 - 动手篇。使用weinxinFundation开始一个微信公众平台的开发
- Cocos2d-x学习笔记(十二)3D特效
热门文章
- 为什么要用Jedis连接池+浅谈jedis连接池使用
- HDU 5136 Yue Fei&#39;s Battle
- webIcon
- LCA离线算法Tarjan的模板
- Go语言有缓冲和无缓冲通道实现样例
- Android学习之Android studio篇-Android Studio快捷键总结(mac)
- Ubuntu 虚拟机增强包下载
- 一个通用的php正则表达式匹配或检测或提取特定字符类
- Codeforces 1099 B. Squares and Segments-思维(Codeforces Round #530 (Div. 2))
- jq函数绑定与解绑