Javascript学习笔记-详解in运算符

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript学习笔记-详解in运算符，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3028字，纯文字阅读大概需要5分钟。

内容图文

var arr = ['one','two','three','four']; 
arr.five = '5'; 
0 in arr;//true 
'one' in arr; //false,只可判断数组的键值 
'five' in arr;//true,'five'是arr对象的属性 
'length' in arr;//true 
 
原型链 
in运算符会在整个原型链上查询给定的prop属性 
 代码如下:

Object.prototype.sayHello = 'hello,world'; 
var foo = new Object(); 
'sayHello' in foo;//true; 
'toString' in foo;//true; 
'hasOwnProperty' in foo;//true; 
 
对象与字面量 
in运算符在对待某些特定类型（String,Number）的对象和字面量时显得不尽相同 
 代码如下:

var sayHelloObj = new String('hello,world'); 
var sayHello = 'hello,world'; 
var numObj = new Number(1); 
var num = 1; 

'toString' in sayHelloObj; //true 
'toString' in sayHello; //类型错误 

'toString' in numObj;//true 
'toString' in num;//类型错误 
 
究其原因，在MDN找到这样一段关于String对象和字面量转换的介绍，似乎可以解释这个原因： 


Because JavaScript automatically converts between string primitives and String objects, you can call any of the methods of the String object on a string primitive. JavaScript automatically converts the string primitive to a temporary String object, calls the method, then discards the temporary String object. For example, you can use the String.length property on a string primitive created from a string literal 
试着这样理解：因为in是运算符而非一个方法(method)，所以无法让string字面量自动转换成String对象，又因为in运算符待查询方不是对象而是一个字符串（按老道Douglas的说法，只是object-like的类型），所以报类型错误。 

二、遍历 

很常用到的for...in循环语句，此语句中的in需要遵循另外一套语法规范： 

for (variable in object) 
statement 
与单独使用in作为运算符不同，for...in循环语句只遍历用户自定义的属性，包括原型链上的自定义属性，而不会遍历内置(build-in)的属性，如toString。 

对象 
 代码如下:

function Bird(){ 
this.wings = 2; 
this.feet = 4; 
this.flyable = true; 
} 
var chicken = new Bird(); 
chicken.flyable = false; 
for(var p in chicken){ 
alert('chicken.' + p + '=' + chicken[p]); 
} 
 
String对象，经过测试Firefox,Chrome,Opera,Safari浏览器都是给出了注释中的结果，只有IE浏览器只给出'more'和'world' 
 代码如下:

var str = new String('hello'); 
str.more = 'world'; 
for(var p in str){ 
alert(p);//'more',0,1,2,3,4 
alert(str[p]);//'world','h','e','l','l','o' 
} 
 
字面量 
遍历数组字面量的键值和属性 
 代码如下:

var arr = ['one','two','three','four']; 
arr.five = 'five'; 
for(var p in arr){ 
alert(arr[p]);//'one','two','three','four','five' 
} 
 
遍历string字面量,虽说单独在string字面量前面使用in运算符会报类型错误，不过下面的代码却能够正常运行，此时IE浏览器是毫无声息 
 代码如下:

var str = 'hello'; 
str.more = 'world'; 
for(var p in str){ 
alert(p);//0,1,2,3,4 
alert(str[p]);//'h','e','l','l','o' 
} 
 
综上 
ECMA虽然有这方面的规范，但浏览器之间还是存在着差异，鉴于此，并不推荐用for...in去遍历字符串，也不推荐拿去遍历数组（如例子所示，为数组加上自定义属性，遍历就会被搞乱） 

在遍历对象方面，我们还可以使用对象的内置方法hasOwnProperty()排除原型链上的属性，进一步加快遍历速度，提升性能 
 代码如下:

function each( object, callback, args ){ 
var prop; 
for( prop in object ){ 
if( object.hasOwnProperty( i ) ){ 
callback.apply( prop, args ); 
} 
} 
} 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的Javascript学习笔记-详解in运算符全部内容，希望文章能够帮你解决Javascript学习笔记-详解in运算符所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端