js中for in 和 for each in的用法和区别
2015-09-10 16:35
741 查看
(2012-12-23 16:17:26)
转载▼
本文将谈谈javascript 中for in 和 for each in的用法和区别
区别一:
for in是javascript 1.0 中发布的。
for each in是作为E4X标准的一部分在javascript 1.6中发布的,而它不是ECMAScript标准的一部分。
这将意味着存在各种浏览器的兼容性问题。for each in,对很多浏览器都不支持的。例如是不支持IE6,IE7,IE8等浏览器的。
区别二:
例: var
长方形= { 高:"15", 宽:"25" };
for (var i in 长方形){
alert( i + "," + 长方形[i] );
}
结果依次是: 高,15 ; 宽,25
;
for each (var i in 长方形){
alert( i + "," + 长方形[i] );
}
结果依次是: 15,
undefined ; 25, undefined;
两种遍历方法的变量i的值是不一样的,for each in无法获得对象的属性名,只能获取到属性值。
最后总结一下使用建议:
(1)遍历普通数组,建议使用原生的遍历方法for,不要贪图方便,因为for in 和for each in均存在浏览器的兼容问题,不能保证它们对数组的遍历顺序(如果对顺序的不作要求的话,可以使用for in
,但本人不建议),有兴趣话,可以阅读的下一篇文章《for in 的浏览器兼容问题》。
(2)遍历对象,由于for没办法提供理想的遍历,因而只能选择其他方法。这里建议使用for in ,从上面讲解的区别,for in比for each 更具优势,for in能获取索引和属性值,而for each只能获取属性值,而且for
each在很多低版本的浏览器是不支持。
4000
转载▼
标签: | 分类: Javascript |
区别一:
for in是javascript 1.0 中发布的。
for each in是作为E4X标准的一部分在javascript 1.6中发布的,而它不是ECMAScript标准的一部分。
这将意味着存在各种浏览器的兼容性问题。for each in,对很多浏览器都不支持的。例如是不支持IE6,IE7,IE8等浏览器的。
区别二:
例: var
长方形= { 高:"15", 宽:"25" };
for (var i in 长方形){
alert( i + "," + 长方形[i] );
}
结果依次是: 高,15 ; 宽,25
;
for each (var i in 长方形){
alert( i + "," + 长方形[i] );
}
结果依次是: 15,
undefined ; 25, undefined;
两种遍历方法的变量i的值是不一样的,for each in无法获得对象的属性名,只能获取到属性值。
最后总结一下使用建议:
(1)遍历普通数组,建议使用原生的遍历方法for,不要贪图方便,因为for in 和for each in均存在浏览器的兼容问题,不能保证它们对数组的遍历顺序(如果对顺序的不作要求的话,可以使用for in
,但本人不建议),有兴趣话,可以阅读的下一篇文章《for in 的浏览器兼容问题》。
(2)遍历对象,由于for没办法提供理想的遍历,因而只能选择其他方法。这里建议使用for in ,从上面讲解的区别,for in比for each 更具优势,for in能获取索引和属性值,而for each只能获取属性值,而且for
each在很多低版本的浏览器是不支持。
4000
相关文章推荐
- 【JS】识别浏览器版本及操作平台
- javascript运算符
- js window.onload 应用 addEventListener讲解
- css与javascript跨浏览器兼容性总结
- javascript字符串
- JS 之DOM对象(1)
- js操作DOM常用方法
- [AngualrJS + Webpack] Production Source Maps
- NullFormatException JSP网页
- 各类JavaScript插件
- 快速平方根算法的javascript实现
- JavaScript设计模式——前奏(封装和信息隐藏)
- js代码学习
- js上传图片预览
- Rails, ActiveRecord::Base.include_root_in_json
- 利用JavaScript打印出Fibonacci数(不使用全局变量打印斐波那契数)
- javascript事件
- 如何检测 JavaScript 中的自定义全局变量
- js取checkbox选中的元素
- 通过使用的新的浏览器API过滤多余节点