for (var i in obj/array){}

for (var i in obj/array){}

for...in 缺陷:性能问题,不输出obj的内置成员,内置成员重写后,ie下仍不显示。

在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。

for...in对调试非常有用,显示对象的所有属性的名字和值的列表。

Navigator对象包含了访客的浏览器名称、版本以及更多信息
<SCRIPT LANGUAGE="JScript">
var LANG = navigator.browserLanguage;
for (var i in navigator)
{
 alert(navigator[i]);
 document.write(i+" : "+navigator[i]+" , type: "+typeof(navigator[i]) + "<br/>");
}

</script>

结果如下:

appCodeName : Mozilla , type: string
appName : Microsoft Internet Explorer , type: string
appMinorVersion : 0 , type: string
cpuClass : x86 , type: string
platform : Win32 , type: string
plugins : , type: object
opsProfile : null , type: object
userProfile : null , type: object
systemLanguage : zh-cn , type: string
userLanguage : zh-cn , type: string
appVersion : 4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) , type: string
userAgent : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) , type: string
onLine : true , type: boolean
cookieEnabled : true , type: boolean
mimeTypes : , type: object

使用 javascript 小心 IE。这个大家都清楚,自不必多说。如果 javascript 中引用了第三方代码,或会被别人用到,for…in 最好不用。prototype 也尽量少用。

for in 语句用来列举对象的属性(成员),如下

Js代码

  1. var obj = { name:"jack",
  2. getName:function(){return this.name}
  3. };
  4. //输出name,getName
  5. for(var atr in obj) {
  6. alert(atr);
  7. }

不知注意了吗,没有输出obj的toString,valueOf等内置属性(或称内置成员,隐藏属性和预定义属性)。即for in用来列举对象的显示成员(自定义成员)。

如果重写了内置属性呢,下面就重写obj的toString

Js代码

  1. var obj = {name:"jack",
  2. getName:function(){return this.name},
  3. toString:function(){return "I‘m jack."}
  4. };
  5. for(var atr in obj) {
  6. alert(atr);
  7. }

会输出什么呢?

1、IE6/7/8 下和没有重写toString一样,输出name,getName

2、firefox3/chrome2/opera9/safari4下则输出name,getName,toString

总结下:在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。即使用,要小心谨慎。

时间: 2024-10-05 20:24:25

for (var i in obj/array){}的相关文章

es6(var,let,const,set,map,Array.from())

1.变量声明--var,const,let 1.1 var - (全局作用域,局部作用域)会有变量提升 //第一个小例子 <script> var num = 123; function fn(){ console.log(num); // undefined var num = 46; console.log(num) // 46 } fn() </script> //为什么第一个输出值会是undefined,而不是123呢?因为这里存在着变量名的提升,其实上述语句相当于: &l

实现一个函数clone,使JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制

实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number.String.Object.Array.Boolean)进行值复制. 1 /** 对象克隆 2 * 支持基本数据类型及对象 3 * 递归方法 */ 4 function clone(obj) { 5 var o; 6 switch (typeof obj) { 7 case "undefined": 8 break; 9 case "string": o = obj + &q

ExtJS学习-----------Ext.Array,ExtJS对javascript中的Array的扩展

关于ExtJS对javascript中的Array的扩展.能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 因为Array中的方法过多.将当中的部分方法设计实例进行学习.实例地址:http://blog.csdn.net/z1137730824/article/details/38797257 (1)Ext.Array中的方法 clean( Array array ) : Array 过滤掉数组里的空值,空值

数组对象新增方法Array.from()、Array.of()

1. Array.from() Array.from方法用于将两类对象转为真正的数组:类数组的对象( array-like object )和可遍历( iterable )的对象(包括 ES6 新增的数据结构 Set 和Map ). let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5 的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c'] // ES

JS数组(Array)操作汇总

1.去掉重复的数组元素.2.获取一个数组中的重复项.3.求一个字符串的字节长度,一个英文字符占用一个字节,一个中文字符占用两个字节.4.判断一个字符串中出现次数最多的字符,统计这个次数.5.数组排序. 6.快排. 7.删除/添加数组项. 8.数组随机顺序输出. 9.数组求和.最大值. 10.判断是否为数组. 11.冒泡排序. 1.去掉重复的数组元素. Array.prototype.unique = function() { var ret = []; var o = {}; for(var i

javascript Array 方法学习

原生对象Array学习 Array.from()   从类似数组的对象或可迭代的对象返回一个数组 参数列表 arraylike  类似数组的对象或者可以迭代的对象 mapfn(可选)   对对象遍历映射的函数 this(可选)  选择映射函数的this对象 var charArr = Array.from("abc"); console.log(charArr[0]); //a var str = "abc"; console.log(str[0]); //a va

js Array 交集 并集 差集 去重

最劲项目需要用到js数组去重和交集的一些运算,我的数组元素个数可能到达1000以上,网上的实现方式都是2次循环,性能不适合我的需求,1000*1000那循环次数太多了,所以我这里采用对象object来做处理,用空间换时间,code 如下: ///集合取交集 Array.intersect = function () { var result = new Array(); var arrCount = arguments.length;/*数组个数,默认2个数组取交集*/ if (arrCount

ExtJS学习-----------Ext.Array,ExtJS对javascript中的Array的扩展(实例)

(1)clean var arr = [1,2,null,3,'']; alert(Ext.Array.clean(arr)); //clean的对象:(value === null) || (value === undefined) || (!allowEmptyString ? value === '' : false) || (Ext.isArray(value) && value.length === 0) //结果为1,2,3 (2)difference //difference

JavaScript判断变量是否为数组的方法(Array)

废话不多说直接上一个代码: 1.这里是通用的检测方法 /* * 判断是否是数组 */ function isArray(obj){ return Object.prototype.toString.call(obj)=='[object Array]'; } 2.jquery的判断写法 var result=$.isArray(obj); 3.instanceof 操作符 var ary = [1,23,4]; console.log(ary instanceof Array)//true; 总