js查询数组元素索引值的方法

2023年11月9日 213次阅读 来源: 菜菜___

使用js查询数组元素索引值的方法有以下两种。

方法一：使用Array自带的indexOf() 方法

indexOf() 方法可返回数组中某个指定的元素位置。
该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。
如果在数组中没找到指定元素则返回 -1。

示例：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.indexOf("Apple");//返回2

缺点：在某些IE版本中，不支持indexOf()，就需要先判断Array是否有indexOf()方法

var arr=[1,2,3,4]
if (!Array.indexOf){
    Array.prototype.indexOf=function(obj){
    var i=this.length;
        while(i-=1){
            if(this[i]==obj){
                return i;
            }
        }return -1;
    }
}
arr.indexOf(3);//返回2

方法二：为Array构造一个新的函数，和方法一中不存在indexOf方法时处理一样。

// 查询元素在数组中的索引值
Array.prototype.getIndexByValue = function (arr) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] == arr) {
      return i;
    }
  }
  return -1;//没找到则返回-1
}

// 创建数组arr
var arr = [1, 2, 3, 4,];
arr.getIndexByValue(1); // 0

原文作者技术博客：https://www.jianshu.com/u/ac4daaeecdfe
95后前端妹子一枚，爱阅读，爱交友，将工作中遇到的问题记录在这里，希望给每一个看到的你能带来一点帮助。
欢迎留言交流

    原文作者：菜菜___
    原文地址: https://www.jianshu.com/p/5837b0920303
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞