詳解JavaScript中數(shù)組和字符串的lastIndexOf()方法使用

字號(hào):


    Array.prototype.lastIndexOf 和 String.prototype.lastIndexOf 是非常的實(shí)用的方法,不過(guò)很多人不知道它其實(shí)可以傳遞兩個(gè)參數(shù),第二個(gè)參數(shù)決定了搜索的起始位置:
    語(yǔ)法
    str.lastIndexOf(searchValue[, fromIndex])
    lastIndexOf() 方法返回指定值在調(diào)用該方法的字符串中最后出現(xiàn)的位置,如果沒(méi)找到則返回 -1。從該字符串的后面向前查找,從 fromIndex 處開始。
    參數(shù)
    1.searchValue
    一個(gè)字符串,表示被查找的值。
    2.fromIndex
    從調(diào)用該方法字符串的此位置處開始查找。可以是任意整數(shù)。默認(rèn)值為 str.length。如果為負(fù)值,則被看作 0。如果 fromIndex > str.length,則 fromIndex 被看作 str.length。
    區(qū)分大小寫
    lastIndexOf 方法區(qū)分大小寫。例如,下面的表達(dá)式返回 -1:
    "Blue Whale, Killer Whale".lastIndexOf("blue"); // returns -1
    lastIndexOf的用法
    // Create an array.
    var ar = ["ab", "cd", "ef", "ab", "cd"];
    // 找到最后一個(gè)CD的位置
    document.write(ar.lastIndexOf("cd") + "<br/>");
    // 輸出: 4
    // 從正數(shù)第二個(gè)位置,搜索倒數(shù)第一個(gè)CD的位置
    document.write(ar.lastIndexOf("cd", 2) + "<br/>");
    // 輸出: 1
    // 從倒數(shù)第三個(gè)搜索最后一個(gè)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個(gè)往前搜,不存在'a',返回-1
    "canal".lastIndexOf("x") // returns -1
    lastIndexOf的IE8實(shí)現(xiàn)
    不過(guò)微軟的IE8及其以下并不支持Array.lastIndexOf,需要兼容實(shí)現(xiàn)??梢詤⒖迹?BR>    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語(yǔ)法。
    為什么要避免使用for in
    不過(guò)要注意的是,在Array.prototype上面附加方法后,for in語(yǔ)法也會(huì)把lastIndexOf方法也枚舉出來(lái):
    for (var idx in [1,3,5,7,9]) {
     console.log(idx)
    }
    >> 0 1 2 3 4 lastIndexOf
    而應(yīng)該使用 for loop實(shí)現(xiàn)
    for (var idx = 0; idx < [1,3,5,7,9].length; idx++) {
     console.log(idx)
    }
    這個(gè)問(wèn)題可以使用 Object.defineProperty 來(lái)實(shí)現(xiàn),來(lái)避免for in的枚舉出lastIndexOf方法:
    Object.defineProperty(Array, "lastIndexOf", { enumerable: false })
    不過(guò)一般需要兼容實(shí)現(xiàn)的瀏覽器根本不支持defineProperty 方法。并且在多數(shù)瀏覽器上for in都比f(wàn)or loop要慢很多,因此應(yīng)該盡量避免使用for in。但是如何枚舉Object屬性的key呢? 使用Object.keys({ a:1 })即可返回關(guān)于keys的數(shù)組。