indexOf 和 lastIndexOf 使用示例介紹
更新時間：2014年09月02日 15:44:47 投稿：whsnow
indexOf是在一個字符串中尋找一個字的位置，lastIndexOf 也是找字 , 它們倆的區(qū)別是前者從字符串頭開始找，后者是從字符串末端開始找
indexOf 的用途是在一個字符串中尋找一個字的位置
lastIndexOf 也是找字 , 它們倆的區(qū)別是前者從字符串頭開始找，后者是從字符串末端開始找。
一但指定的字被找到，就會返回這個字的當前的位置號碼。如果沒有找到就返回 -1.
var str = "http://www.stooges.com.my/test/index.aspx123/";
console.log(str.indexOf("/")); //0
console.log(str.lastIndexOf("/")); //39
參數(shù)1是要尋找的字,必須是str,正則不行哦。
此外它還接受第2個參數(shù)。Number類型， 這個讓我們可以指定尋找的范圍。
var str = "http://www.stooges.com.my/test/index.aspx123/";
console.log(str.indexOf("/", 0)); //0 默認情況是 0
console.log(str.lastIndexOf("/", str.length)); //39 默認情況是 str.length
兩個方法的控制是不同方向的 。
假設 indexOf 設置 10 ， 那么查找范圍是 從10到str.length(字末)
lastIndexOf 設置 10 的話 ， 查找范圍會是 從10到 0 (字首)
這個要注意了。
ps : 設置成負數(shù)比如 -500 ，會有奇怪現(xiàn)象，我自己搞不懂 = = " ;
有時我們會希望指定找第n個.那么我們就通過上面的方法來實現(xiàn)了。
比如 :
String.prototype.myIndexOf = function (searchValue, startIndex) {
var text = this;
startIndex = startIndex || 1;
var is_negative = startIndex < 0;
var ipos = (is_negative) ? text.length + 1 : 0 - 1;
var loopTime = Math.abs(startIndex);
for (var i = 0; i < loopTime ; i++) {
ipos = (is_negative) ? text.lastIndexOf(searchValue, ipos - 1) : text.indexOf(searchValue, ipos + 1);
if (ipos == -1) break;
}
return ipos;
}
var str = "http://www.stooges.com.my/test/index.aspx123/";
console.log(str.myIndexOf("/", 3)); //20
console.log(str.myIndexOf("/", -2)); //25 倒數(shù)第2個的位置
相關文章
這篇文章主要介紹了JavaScript錯誤捕獲的相關資料，幫助大家更好的理解和學習使用JavaScript，感興趣的朋友可以了解下2021-04-04
JS生態(tài)系統(tǒng)加速Tailwind?CSS工作原理探究
這篇文章主要為大家介紹了JS?生態(tài)系統(tǒng)加速Tailwind?CSS使用及工作原理探究,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01
這篇文章主要介紹了超酷的照片墻展示效果圖附源碼下載的相關資料,需要的朋友可以參考下2015-10-10
讓IDE識別webpack的別名alias的實現(xiàn)方法
這篇文章主要介紹了讓IDE識別webpack的別名alias的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
這篇文章主要給大家介紹了關于微信小程序前后端數(shù)據(jù)交互的相關資料,通過小程序向后端發(fā)送請求,然后后端從數(shù)據(jù)庫獲取車源和求購的數(shù)量反饋給小程序,最后將這兩個數(shù)據(jù)顯示出來,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了js如何操作localstorage，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
本文主要介紹了webpack前端應用之基礎打包實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
這篇文章主要為大家詳細介紹了微信小程序自定義Modal彈框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)經典排序算法之插入排序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
原生javascript實現(xiàn)Tab選項卡切換功能
本文主要介紹了使用原生javascript實現(xiàn)Tab選項卡切換的功能，雖然jQuery有很多類似的插件，單jQuery庫著實有點龐大，這種小功能還是直接用javascript來做就好了。2015-01-01