从JS中的多维数组中获取包含值的数组的索引

Question

假设我在 JavaScript 中有一个多维数组：

var arr = [
    ['cat','23','5123'],
    ['dog','53','522'],
    ['bird','335','512'],
    ['horse','853','152'], 
    ['monkey','13','5452']
];

我想在arr 中获取第一个索引中包含horse 的数组的索引（输出应该是3）。

我可以通过以下方式做到这一点：

var index_i_need;

for(var i in arr){

    if(arr[i][0]==='horse') {

        index_i_need = i;
        break;
    }
}

console.log(index_i_need);  // 3
console.log(arr[index_i_need]); // ['horse','853','152']

但这不是可扩展的。

我希望有一些更直接的方法，例如indexOf()。

我知道findIndex() 有一个回调函数，但我无法正确应用它。

有什么建议吗？

Answer 1

您可以使用动态查找函数 findByAnimal 在 findIndex 中使用

function findByAnimal(animal) {
  return function(innerArr){
    return innerArr[0] === animal
  }
}

arr.findIndex( findByAnimal('horse') )

findIndex 的工作方式是将 arr 中的每个项目传递给回调，回调的第一个“真实”返回值将产生索引，如果没有项目返回真实，则为 -1。