详解JavaScript中数组和字符串的lastIndexOf()方法使用

前端之家收集整理的这篇文章主要介绍了详解JavaScript中数组和字符串的lastIndexOf()方法使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Array.prototype.lastIndexOf 和 String.prototype.lastIndexOf 是非常的实用的方法,不过很多人不知道它其实可以传递两个参数,第二个参数决定了搜索的起始位置:

语法

lastIndexOf() 方法返回指定值在调用方法的字符串中最后出现的位置,如果没找到则返回 -1。从该字符串的后面向前查找,从 fromIndex 处开始。

参数

1.searchValue 一个字符串,表示被查找的值。 2.fromIndex 从调用方法字符串的此位置处开始查找。可以是任意整数。默认值为 str.length。如果为负值,则被看作 0。如果 fromIndex > str.length,则 fromIndex 被看作 str.length。

区分大小写

lastIndexOf 方法区分大小写。例如,下面的表达式返回 -1:

lastIndexOf的用法

// 找到最后一个CD的位置
document.write(ar.lastIndexOf("cd") + "
");
// 输出: 4

// 从正数第二个位置,搜索倒数第一个CD的位置
document.write(ar.lastIndexOf("cd",2) + "
");
// 输出: 1

// 从倒数第三个搜索最后一个ab的位置
document.write(ar.lastIndexOf("ab",-3) + "
");
// 输出: 0

同样 String.lastIndexOf的用法类似

lastIndexOf的IE8实现

不过微软的IE8及其以下并不支持Array.lastIndexOf,需要兼容实现。可以参考:

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方法也枚举出来:

0 1 2 3 4 lastIndexOf

而应该使用 for loop实现

这个问题可以使用 Object.defineProperty 来实现,来避免for in的枚举出lastIndexOf方法

不过一般需要兼容实现的浏览器根本不支持defineProperty 方法。并且在多数浏览器上for in都比for loop要慢很多,因此应该尽量避免使用for in。但是如何枚举Object属性的key呢? 使用Object.keys({ a:1 })即可返回关于keys的数组。

原文链接:https://www.f2er.com/js/49704.html

猜你在找的JavaScript相关文章