相容所有瀏覽器array物件indexOf()方法
indexOf()方法是ES5中新增,具有一定的瀏覽器相容問題。
關於此方法的基本用法可以參閱js陣列 indexOf()一章節。
下面就通過程式碼程式碼例項分享一段能夠相容所有瀏覽器的indexOf()方法。
程式碼例項:
[JavaScript] 純文字檢視 複製程式碼執行程式碼if(!Array.prototype.indexOf){ Array.prototype.indexOf=function(obj,start){ for(var index=(start || 0), j=this.length;index<j;index++){ if(this[index]===obj){ return index; } } return -1; } } var arr=[1,2,3,4,5]; console.log(arr.indexOf(3,1))
上面的程式碼實現了我們的要求,下面介紹一下它的實現過程。
一.程式碼註釋:
(1).if(!Array.prototype.indexOf){},判斷當前瀏覽器是否支援indexOf()方法。
(2).Array.prototype.indexOf=function(obj,start){},如果不支援,那麼就自定義一個indexOf()方法,第一個引數是要查詢的元素,第二個參數列示查詢的起始位置。
(3).for(var index=(start || 0), j=this.length;index<j;index++){
if(this[index]===obj){
return index;
}
}如果沒有傳遞start引數,那麼就是從索引值為0的位置開始查詢,也就是第一個位置開始查詢。
通過遍歷的方式找到指定元素,然後返回索引值。
(4).return -1,沒有找到就返回-1。
二.相關閱讀:
(1).prototype屬性的內容參閱javascript prototype原型一章節。
(2).===參閱javascript的三個等號(===)的作用一章節。
相關文章
- forEach()相容所有瀏覽器瀏覽器
- IE瀏覽器相容瀏覽器
- 9:瀏覽器相容瀏覽器
- 谷歌瀏覽器相容模式怎麼設定 chrome瀏覽器相容模式切換方法介紹谷歌瀏覽器模式Chrome
- 火狐瀏覽器相容模式怎麼設定在哪裡 火狐瀏覽器相容模式設定方法瀏覽器模式
- ie瀏覽器相容模式怎麼設定在哪裡 ie瀏覽器相容模式設定方法瀏覽器模式
- 關於瀏覽器相容瀏覽器
- 瀏覽器相容性瀏覽器
- 360極速瀏覽器相容模式怎麼設定 360極速瀏覽器相容模式設定方法瀏覽器模式
- win10瀏覽器相容性怎麼設定_win10瀏覽器相容性設定方法Win10瀏覽器
- edge瀏覽器相容性設定在哪 新版edge瀏覽器相容模式怎麼弄瀏覽器模式
- 瀏覽器相容以及PostCSS詳解瀏覽器CSS
- JavaScript瀏覽器事件物件JavaScript瀏覽器事件物件
- win10瀏覽器怎麼設定相容模式_win10瀏覽器相容模式如何新增Win10瀏覽器模式
- 新版edge瀏覽器相容模式怎麼設定 edge瀏覽器相容性設定在哪裡瀏覽器模式
- 瀏覽器中的JavaScript核心BOM(瀏覽器物件模型)重點掌握物件之Location物件的屬性與方法瀏覽器JavaScript物件模型
- (16)CSS 擴充:① 瀏覽器相容 | CSSCSS瀏覽器
- element ui 相容低版本瀏覽器UI瀏覽器
- 導航的瀏覽器相容問題瀏覽器
- edge瀏覽器找不到相容性檢視設定 新版edge瀏覽器相容模式怎麼設定瀏覽器模式
- 360瀏覽器相容模式怎麼設定 360極速瀏覽器極速相容模式怎麼切換瀏覽器模式
- [BUG反饋]IE瀏覽器,百度瀏覽器,搜狗瀏覽器批量操作功能都不相容!!!!傲遊、火狐、谷歌瀏覽器可以瀏覽器谷歌
- html5多終端瀏覽器相容HTML瀏覽器
- 滑鼠右鍵相容MAC版火狐瀏覽器Mac瀏覽器
- 瀏覽器相容問題處理總結瀏覽器
- 手機瀏覽器通過Scheme跳轉APP,相容各種手機瀏覽器瀏覽器SchemeAPP
- Edge瀏覽器被搜狗瀏覽器篡改的解決方法瀏覽器
- 瀏覽器極速模式和相容模式差異瀏覽器模式
- 關於UC瀏覽器相容scroll事件問題瀏覽器事件
- 最強悍LoadRunner和瀏覽器相容完美攻略瀏覽器
- 幾款瀏覽器相容性測試工具瀏覽器
- CSS程式碼在不同瀏覽器相容問題CSS瀏覽器
- 瀏覽器儲存的方法瀏覽器
- win10谷歌瀏覽器怎麼切換相容模式_win10系統谷歌瀏覽器怎麼設定相容模式Win10谷歌瀏覽器模式
- 前端檔案下載相容方案(相容主流瀏覽器,包括IE與Safari)前端瀏覽器
- 怎麼檢測瀏覽器劫持,瀏覽器劫持的方法介紹瀏覽器
- 金三銀四,那瀏覽器相容你知多少?瀏覽器
- angular瀏覽器相容性問題解決方案Angular瀏覽器