主要的区别是这些函数的参数:

Array.prototype.indexOf()期望一个值作为第一个参数。这使得在基本类型数组(如string、number或boolean)中查找索引成为一个很好的选择。 Array.prototype.findIndex()期望将回调作为第一个参数。如果你需要非基本类型(例如对象)数组中的索引，或者你的查找条件比一个值更复杂，可以使用这个方法。

有关这两种情况的示例，请参见链接。

主要的区别是这些函数的参数:

Array.prototype.indexOf()期望一个值作为第一个参数。这使得在基本类型数组(如string、number或boolean)中查找索引成为一个很好的选择。 Array.prototype.findIndex()期望将回调作为第一个参数。如果你需要非基本类型(例如对象)数组中的索引，或者你的查找条件比一个值更复杂，可以使用这个方法。

有关这两种情况的示例，请参见链接。

如果您希望找到与谓词匹配的第一个元素，那么FindIndex非常有用:在W3C的示例中，如果客户的年龄大于或等于18，则会有数字和匹配项。

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

console.log(ages.findIndex(checkAdult));

控制台:

2

可以使用Array的indexOf函数找到精确的元素索引，但不能传递谓词。如果你想找到一个特定的元素，它会更快:

var ages = [3, 10, 18, 20];
console.log(ages.indexOf(10));

返回:

1

索引计数从0开始，因此第一个元素索引为0。

它们之间的主要区别是:

findIndex()方法得到一个这样的回调函数:

var x = [1,2,3];
x.findIndex(x=> x==3); //returns 2

但是indexOf函数得到的值是这样的:

x.indexOf(3); // returns 2;

如果你试图将一个回调函数传递给indexOf，它的返回值是-1;

x.indexOf(x => x==3); //returns -1

如果试图将value传递给findIndex，它将返回一个错误:

x.findIndex(3); //Uncaught TypeError: 3 is not a function at Array.findIndex (<anonymous>) at <anonymous>:1:3

你也可以使用includes:

[1, 2, 3].includes(2);      // true
[1, 2, 3].includes(4);      // false
[1, 2, 3].includes(3, 3);   // false

但我更喜欢indexOf方法:

var vals = [ "foo", "bar", 42, "baz" ];
if (~vals.indexOf( 42 )) {
  // found it!
}

主要的区别是这些函数的参数:

-> Array.prototype.indexOf ():

   var fruits = ["Banana", "Orange", "Apple", "Mango"];
   var a = fruits.indexOf("Apple");
   The result of a will be: 2

- > Array.prototype.findIndex ():

       var ages = [3, 10, 18, 20];

       function checkAdult(age) {
        return age >= 18;
       }

       function myFunction() {
         document.getElementById("demo").innerHTML = 
         ages.findIndex(checkAdult);
       }

       The result will be: 2