JavaScript的奇技淫巧

置顶前端e站

已于 2022-02-04 15:32:28 修改

阅读量1.8k

点赞数 4

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2019-03-26 20:41:50 首次发布

本文链接：https://blog.csdn.net/qq_39606853/article/details/88828778

版权

JavaScript 专栏收录该内容

30 篇文章 2 订阅

订阅专栏

众所周之，数组项在一个数组中都有自己的位置。在JavaScript中提供了两个确定数组项位置的方法：`indexOf()`和`lastIndexOf()`。今天我们主要一起学习这两个方法是如何使用，又是如何查找出数组项在数组中的确切位置。

indexOf()方法

`indexOf()`方法从数组的开头（位置为`0`）开始向后查询。`indexOf()`方法返回指定数组项在数组中找到的第一索引值。

如果通过`indexOf()`查找指定的数组项在数组中不存在，那么返回的值会是`-1`。

语法

`indexOf()`使用的语法非常的简单：

arr.indexOf(searchElement, [fromIndex = 0])

searchElement:指定要查找的数组项；

fromIndex:开始查找的索引值；

如果该索引值(`fromIndex`)大于或等于数组长度(`length`)，意味着不会在数组里查找，返回`-1`。如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即`-1`表示从最后一个元素开始查找，`-2`表示从倒数第二个元素开始查找，以此类推。

注意：如果参数中提供的索引值是一个负值，仍然从前向后查询数组。如果抵消后的索引值仍小于0，则整个数组都将会被查询。其默认值为0。

实例

var arr = [0,1,2,3,4,5,6,5,4,3,2,1,0];
console.log(arr.length);//13
arr.indexOf(2);//2
arr.indexOf(7); // -1 
arr.indexOf(9, 2); // -1 
arr.indexOf(2, -1); // -1 
arr.indexOf(2, -2); // 10

详细解析：

arr.indexOf(2)

arr.indexOf(2)表示的是数组arr第0索引值开始查找第一个数组项为2，并且返回在数组中对应的索引值：

indexOf()

arr.indexOf(7)

arr.indexOf(7)表示的是数组arr第0索引值开始查找第一个数组项为7，但是数组arr中并没有数组项7，则indexOf()方法在数组arr中找不到数组项7。此时arr.indexOf(7)就会返回一个值为-1。

indexOf()

arr.indexOf(9,2)

`arr.indexOf(9, 2)`表示从数组`arr`的第`2`个索引值位置开始查找数组项`9`，但整个数组`arr`中并没有数组项`9`的存在，这样一来，`indexOf()`方法在`arr`数组中找不到数组项`9`。那其最后返回的值为`-1。`

indexOf()

`arr.indexOf(2, -1)`

`arr.indexOf(2, -1)`表示的是从数组`arr`最后一个（相当于`arr.length - 1`,也就是`12`）开始查找数组项第一个`2`。如果不存在将返回`-1`。

indexOf()

`arr.indexOf(2, -3)`

`arr.indexOf(2, -3)`表示从数组`arr`倒数的第`3`个索引值（相当于`arr.length-3`,也就是`10`）开始查找数组项中第一个`2`。在这个示例中将返回的值为`10`。

indexOf()

从上面的示例可以告诉我们，如果`indexOf()`返回的值为`-1`时，就可以轻松的判断这个数组项是否在数组中存在。比如：

var arr = ['a', 'b', 'c'];
function arrIndexOf(arrayItems, arrayItem) {
    if (arrayItems.indexOf(arrayItem) === -1) {
        console.log(arrayItem + '不在[' + arrayItems + ']数组中');
    } else if (arrayItems.indexOf(arrayItem) > -1) {
        console.log(arrayItem + '在[' + arrayItems + ']数组中的索引值是：' + arrayItems.indexOf(arrayItem));
    }
} 
arrIndexOf(arr, 'c'); // c在[a,b,c]数组中的索引值是：2 
arrIndexOf(arr, 'a'); //d不在[a,b,c]数组中

lastIndexOf()方法

`lastIndexOf()`方法和`indexOf()`刚好相反，从一个数组中末尾向前查找数组项，并且返回数组项在数组中的索引值，如果不存在，则返回的值是`-1`。

语法

`lastIndexOf()`方法的语法规则如下：

arr.lastIndexOf(searchElement, fromIndex = arr.length - 1)

searchElement：需要查找的数组项；

fromIndex: 从数组的末尾开始向前查找，默认值为`arr.length；`

和`indexOf()`方法一样，如果`fromIndex`值大于或等于数组的长度(`arr.length`)，则整个数组会被查找。如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即`-1`表示从最后一个元素开始查找，`-2`表示从倒数第二个元素开始查找，以此类推。另外，如果该值为负时，其绝对值大于数组长度，则方法返回 `-1`，即数组不会被查找。如果值为正数，表示的是数组中对应的位置，向数组前查找。

实例

var arr = [0,1,2,3,4,5,6,5,4,3,2,1,0]; 
console.log(arr.length); // 13 
arr.lastIndexOf(2); // 10 
arr.lastIndexOf(7); // -1 
arr.lastIndexOf(9, 2); // -1 
arr.lastIndexOf(4,9); // 8 
arr.lastIndexOf(2, -1); // 10

详细解析：

`arr.lastIndexOf(2)`

arr.lastIndexOf(2)表示从数组arr末尾(arr.length - 1)向前查找数组项2的索引值。将返回的索引值为10:

lastIndexOf()

`arr.lastIndexOf(7)`

`arr.lastIndexOf(7)`表示从数组`arr`末尾(`arr.length - 1`)向前查找数组项`7`的索引值。由于整个数组`arr`都没有数组项`7`，因此其将返回的值为`-1`:

`arr.lastIndexOf(9, 2)`

arr.lastIndexOf(9, 2)表示从数组arr索引值为二从后向前查找数组项9的索引值。由于整个数组arr都没有数组项9，因此其将返回的值为-1：

lastIndexOf()

`arr.lastIndexOf(4,9)`

`arr.lastIndexOf(4,9)`表示从数组`arr`索值值为`9`的位置从后向前查找第一个数组项为`4`。其返回的值为`8`：

lastIndexOf()

`arr.lastIndexOf(2, -1)`

`arr.lastIndexOf(2, -1)`表示的从数组`arr`倒数第一个位置向前查找第一个数组项`2`，其返回的值``:

lastIndexOf()

使用`lastIndexOf()`方法查找一个数组项时，如果数组项不在数组中时，其返回的值同样为`-1`。如此一来，也可以像使用`indexOf()`方法一样，`lastIndexOf()`可以用来判断数组项是不是在数组中：

var arr = ['a','b','c']; 
function arrLastIndexOf (arrayItems, arrayItem) { 
    if (arrayItems.lastIndexOf(arrayItem) === -1) { 
        console.log(arrayItem + '不在[' + arrayItems + ']数组中'); 
    } else if (arrayItems.lastIndexOf(arrayItem) > -1){
         console.log(arrayItem + '在[' + arrayItems + ']数组中的索引值是：' +  
         arrayItems.lastIndexOf(arrayItem)); 
    } 
} 

arrIndexOf(arr, 'c'); // c在[a,b,c]数组中的索引值是：2 
arrIndexOf(arr, 'd'); //d不在[a,b,c]数组中