天天看點

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]

繼續閱讀