天天看点

array之indexOf()

Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,为了调用方便,于是通过prototype原型扩展了Array.prototype.indexOf():

Array.prototype.indexOf = function(item) { 
  for (var i = 0; i < this.length; i++) { 
    if (this[i] == item) 
      return i; 
    } 
    return -1; 
} 
           

但是由于Array在javascript1.6版本已经支持Array.indexOf(),所以高级浏览器ff、chrome等认为是自己原生支持的固有的属性。而IE8以下认为indexOf是“用户定义的属性”,这就出现了问题。 所以for in遍历数组元素的时候,要利用到hasOwnProperty.详见:

[url]http://wangjingyi.iteye.com/blog/2038264[/url]

indexOf方法使用[b]全等(===)[/b]来判断一个元素是否符合搜索。搜索字符串及数字可能没有问题,但是搜索对象和数组可能会有问题。

// 可以判断两个对象的属性和值是否相等,但是不等判断两个对象是否相等,除非它们指向相同的地址
        var e1 = {
            "name": "wjy",
            "blog": "http://www.wangjingyi.iteye.com"
        },
        e2 = {
            "name": "zyc",
            "blog": "http://www.zhangyaochun.iteye.com"
        },
        arr = [e1, e2],
        index = arr.indexOf(e1);    
        console.log(index);//Outputs: 0
           

Array.prototype.indexOf()方法是在[b]ES5规范[/b]中添加的,在[color=blue]IE8及以下浏览器不支持[/color],可以使用下面的Polyfill或者一些封装库Underscore or Lo-Dash来兼容:

Array.prototype.indexOf = Array.prototype.indexOf || function (searchElement, fromIndex) {
        if ( this === undefined || this === null ) {
            throw new TypeError( '"this" is null or not defined' );
        }

        var length = this.length >>> 0; // Hack to convert object.length to a UInt32

        fromIndex = +fromIndex || 0;

        if (Math.abs(fromIndex) === Infinity) {
            fromIndex = 0;
        }

        if (fromIndex < 0) {
            fromIndex += length;

            if (fromIndex < 0) {
              fromIndex = 0;
            }
        }

        for (; fromIndex < length; fromIndex++) {
            if (this[fromIndex] === searchElement) {
                return fromIndex;
            }
        }      
        return -1;
    };
           

参考:[url]http://www.kwstu.com/ArticleView/manong_201411071635191494[/url]

[url]http://www.jb51.net/article/35963.htm[/url]

继续阅读