JavaScript中關(guān)于indexOf的使用方法與問題小結(jié)
更新時(shí)間：2010年08月05日 14:06:31 作者：
indexOf方法的作用是：根據(jù)給定參數(shù)x返回目標(biāo)字符串(可以看成字符的數(shù)組)或數(shù)組中與x相等的項(xiàng)的索引。
這個(gè)方法相當(dāng)有用，很多編程語言中都有相對(duì)應(yīng)的實(shí)現(xiàn),javascript中也不例外，然而當(dāng)我在ie中運(yùn)行如下代碼時(shí)候：
var arr = [1,2,3];
alert(arr.indexOf(1));
卻被提示“對(duì)象不支持此屬性和方法” 。而在chrome,ff下去運(yùn)行良好。遂去求問google大神，發(fā)現(xiàn)原來js中Array的indexOf方法在js1.6版本中才給予了實(shí)現(xiàn)，ie7,8中只實(shí)現(xiàn)到了js1.3版本，chrome為js1.7版本，ff為js1.8版本。(ie依舊慢半拍)。無奈，只好針對(duì)ie進(jìn)行擴(kuò)展:
Array.prototype._indexOf = function(n){
if("indexOf" in this){
return this["indexOf"](n);
}
for(var i=0;i<this.length;i++){
if(n===this[i]){
return i;
}
}
return -1;
};
使用如下:
var arr = ["1","2","3"];
alert(arr._indexOf("2"));
這里我們針對(duì)Array的原型進(jìn)行了擴(kuò)展，在擴(kuò)展方法的命名上我加上了"_"字符，我認(rèn)為這是一個(gè)好的習(xí)慣，當(dāng)你在針對(duì)原型進(jìn)行擴(kuò)展的時(shí)候有必要對(duì)自己的擴(kuò)展加以標(biāo)記。
在_indexOf方法中，我們首先判斷當(dāng)前Array是否實(shí)現(xiàn)了"indexOf" 方法，如果是的話直接調(diào)用系統(tǒng)發(fā)法，否則進(jìn)行遍歷。
復(fù)制代碼 代碼如下:
var arr = [1,2,3];
alert(arr.indexOf(1));
卻被提示“對(duì)象不支持此屬性和方法” 。而在chrome,ff下去運(yùn)行良好。遂去求問google大神，發(fā)現(xiàn)原來js中Array的indexOf方法在js1.6版本中才給予了實(shí)現(xiàn)，ie7,8中只實(shí)現(xiàn)到了js1.3版本，chrome為js1.7版本，ff為js1.8版本。(ie依舊慢半拍)。無奈，只好針對(duì)ie進(jìn)行擴(kuò)展:
復(fù)制代碼 代碼如下:
Array.prototype._indexOf = function(n){
if("indexOf" in this){
return this["indexOf"](n);
}
for(var i=0;i<this.length;i++){
if(n===this[i]){
return i;
}
}
return -1;
};
使用如下:
復(fù)制代碼 代碼如下:
var arr = ["1","2","3"];
alert(arr._indexOf("2"));
這里我們針對(duì)Array的原型進(jìn)行了擴(kuò)展，在擴(kuò)展方法的命名上我加上了"_"字符，我認(rèn)為這是一個(gè)好的習(xí)慣，當(dāng)你在針對(duì)原型進(jìn)行擴(kuò)展的時(shí)候有必要對(duì)自己的擴(kuò)展加以標(biāo)記。
在_indexOf方法中，我們首先判斷當(dāng)前Array是否實(shí)現(xiàn)了"indexOf" 方法，如果是的話直接調(diào)用系統(tǒng)發(fā)法，否則進(jìn)行遍歷。
相關(guān)文章
說說掌握J(rèn)avaScript語言的思想前提想學(xué)習(xí)js的朋友可以看看
無論是公司的同事還是外界的程序員朋友們，大部分人對(duì)JavaScript的高級(jí)應(yīng)用不甚了解，已有的知識(shí)架構(gòu)里會(huì)認(rèn)為JavaScript僅僅是一門腳本語言，其作用是給頁面做一些錦上添花的效果，比如表單驗(yàn)證等等。2009-04-04
JavaScript高級(jí)程序設(shè)計(jì) 學(xué)習(xí)筆記 js高級(jí)技巧
JavaScript高級(jí)程序設(shè)計(jì) 學(xué)習(xí)筆記 js高級(jí)技巧,學(xué)習(xí)js的朋友可以參考下。2011-09-09
這篇文章主要介紹了js單詞形式的運(yùn)算符,需要的朋友可以參考下2014-05-05
JavaScript是一種可以用給網(wǎng)頁增加交互性的編程語言，是網(wǎng)頁不可或缺的部分。2010-10-10
這篇文章介紹了JavaScript中的內(nèi)置對(duì)象，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
JavaScript中的document.referrer在各種瀏覽器測試結(jié)果
這篇文章主要介紹了JavaScript中的document.referrer在各種瀏覽器測試結(jié)果,包括在多種情況下每個(gè)瀏覽器能否用document.referrer取到值,非常珍貴的測試結(jié)果,需要的朋友可以參考下2014-07-07
通過使用JavaScript，能在一個(gè)設(shè)定的時(shí)間間隔之后來執(zhí)行代碼，而不是在函數(shù)被調(diào)用后立即執(zhí)行。我們稱之為計(jì)時(shí)事件,下面對(duì)javascript計(jì)時(shí)器事件做了詳細(xì)解釋2014-01-01
這篇文章主要介紹了JavaScript執(zhí)行順序，有需要的朋友可以參考一下2013-12-12
特殊數(shù)據(jù)的js四舍五入問題...2007-02-02
JavaScript sub方法入門實(shí)例（把字符串顯示為下標(biāo)）
這篇文章主要介紹了JavaScript sub方法入門實(shí)例,sub方法用于把字符串顯示為下標(biāo),需要的朋友可以參考下2014-10-10