Array.prototype.lastIndexOf 和 String.prototype.lastIndexOf 是非常的實用的方法,不過很多人不知道它其實可以傳遞兩個參數,第二個參數決定了搜索的起始位置:
語法
str.lastIndexOf(searchValue[, fromIndex])
lastIndexOf() 方法返回指定值在調用該方法的字符串中最後出現的位置,如果沒找到則返回 -1。從該字符串的後面向前查找,從 fromIndex 處開始。
參數
1.searchValue
一個字符串,表示被查找的值。
2.fromIndex
從調用該方法字符串的此位置處開始查找。可以是任意整數。默認值為 str.length。如果為負值,則被看作 0。如果 fromIndex > str.length,則 fromIndex 被看作 str.length。
區分大小寫
lastIndexOf 方法區分大小寫。例如,下面的表達式返回 -1:
"Blue Whale, Killer Whale".lastIndexOf("blue"); // returns -1
lastIndexOf的用法
// Create an array. var ar = ["ab", "cd", "ef", "ab", "cd"]; // 找到最後一個CD的位置 document.write(ar.lastIndexOf("cd") + "<br/>"); // 輸出: 4 // 從正數第二個位置,搜索倒數第一個CD的位置 document.write(ar.lastIndexOf("cd", 2) + "<br/>"); // 輸出: 1 // 從倒數第三個搜索最後一個ab的位置 document.write(ar.lastIndexOf("ab", -3) + "<br/>"); // 輸出: 0
同樣 String.lastIndexOf的用法類似
"canal".lastIndexOf("a") // returns 3 "canal".lastIndexOf("a",2) // returns 1 "canal".lastIndexOf("a",0) // returns -1 從第0個往前搜,不存在'a',返回-1 "canal".lastIndexOf("x") // returns -1
lastIndexOf的IE8實現
不過微軟的IE8及其以下並不支持Array.lastIndexOf,需要兼容實現。可以參考:
if (!Array.prototype.lastIndexOf) { Array.prototype.lastIndexOf = function(searchElement /*, fromIndex*/) { 'use strict'; if (this === void 0 || this === null) { throw new TypeError(); } var n, k, t = Object(this), len = t.length >>> 0; if (len === 0) { return -1; } n = len - 1; if (arguments.length > 1) { n = Number(arguments[1]); if (n != n) { n = 0; } else if (n != 0 && n != (1 / 0) && n != -(1 / 0)) { n = (n > 0 || -1) * Math.floor(Math.abs(n)); } } for (k = n >= 0 ? Math.min(n, len - 1) : len - Math.abs(n); k >= 0; k--) { if (k in t && t[k] === searchElement) { return k; } } return -1; }; }
可以使用 ES5-Slim 使舊版浏覽器完全兼容ES5語法。
為什麼要避免使用for in
不過要注意的是,在Array.prototype上面附加方法後,for in語法也會把lastIndexOf方法也枚舉出來:
for (var idx in [1,3,5,7,9]) { console.log(idx) } >> 0 1 2 3 4 lastIndexOf
而應該使用 for loop實現
for (var idx = 0; idx < [1,3,5,7,9].length; idx++) { console.log(idx) }
這個問題可以使用 Object.defineProperty 來實現,來避免for in的枚舉出lastIndexOf方法:
Object.defineProperty(Array, "lastIndexOf", { enumerable: false })
不過一般需要兼容實現的浏覽器根本不支持defineProperty 方法。並且在多數浏覽器上for in都比for loop要慢很多,因此應該盡量避免使用for in。但是如何枚舉Object屬性的key呢? 使用Object.keys({ a:1 })即可返回關於keys的數組。