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

一、判断

  语法

  prop in objectName

  如果objectName指向的对象中含有prop这个属性或者键值,in运算符会返回true。

  

复制代码 代码如下:

  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 );

  }

  }

  }