JavaScript中關(guān)于indexOf的使用方法與問題小結(jié)

2019-11-21 00:18:53

字體：大中小

供稿：網(wǎng)友

這個方法相當(dāng)有用，很多編程語言中都有相對應(yīng)的實(shí)現(xiàn),javascript中也不例外，然而當(dāng)我在ie中運(yùn)行如下代碼時候：

 
var arr = [1,2,3]; 
alert(arr.indexOf(1)); 

卻被提示“對象不支持此屬性和方法” 。而在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依舊慢半拍)。無奈，只好針對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")); 

這里我們針對Array的原型進(jìn)行了擴(kuò)展，在擴(kuò)展方法的命名上我加上了"_"字符，我認(rèn)為這是一個好的習(xí)慣，當(dāng)你在針對原型進(jìn)行擴(kuò)展的時候有必要對自己的擴(kuò)展加以標(biāo)記。
在_indexOf方法中，我們首先判斷當(dāng)前Array是否實(shí)現(xiàn)了"indexOf" 方法，如果是的話直接調(diào)用系統(tǒng)發(fā)法，否則進(jìn)行遍歷。

上一篇：javascript removeChild 導(dǎo)致的內(nèi)存泄漏

下一篇：js繼承的實(shí)現(xiàn)代碼