Diferencia entre indexOf y función findIndex de matriz

Estoy confundido entre la diferencia entre las dos funciones indexOf y encontrar Index en una matriz.

La documentación dice

findIndex: devuelve el índice del primer elemento de la matriz donde el predicado es verdadero y -1 en caso contrario.

y

indexOf: devuelve el índice de la primera aparición de un valor en una matriz.

La principal diferencia son los parámetros de estas funciones:

• Array.prototype.indexOf()espera un valor como primer parámetro. Esto hace que sea una buena opción encontrar el índice en matrices de tipos primitivos (como cadena, número o booleano).

• Array.prototype.findIndex()espera una devolución de llamada como primer parámetro. Use esto si necesita el índice en matrices con tipos no primitivos (por ejemplo, objetos) o su condición de búsqueda es más compleja que solo un valor.

Consulte los enlaces para ver ejemplos de ambos casos.

FindIndex es útil si desea encontrar el primer elemento que coincida con su predicado: en el ejemplo de W3C, hay números y coincidencias si la edad del cliente es mayor o igual a 18.

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

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

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

consola:

2

Puede encontrar un índice de elemento exacto con la función indexOf de Array, pero no puede pasar un predicado. Es más rápido si desea encontrar un elemento específico:

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

devoluciones:

1

El recuento de índices comienza en 0, por lo que el índice del primer elemento es 0.

La principal diferencia son los parámetros de estas funciones:

-> 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

También puede utilizar includes:

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

pero prefiero el indexOfmétodo:

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

Otra diferencia es que con findIndex () el usuario puede aplicar alguna función y encontrar el elemento en la matriz que pasa la prueba.

Pero lo mismo no es cierto con el operador indexOf () . Un usuario puede simplemente verificar si el elemento particular existe en la matriz o no.

Simple: ¿Qué tipo de estructura de matriz está utilizando?

• Si matriz de objetos findIndex(),;
• Si no, indexOf().

"Quiero encontrar el índice en una matriz de objetos , con la clave" Naranja ".

let fruits = [
   { type: "Apple", quantity: 9 },
   { type: "Banana", quantity: 2},
   { type: "Orange", quantity: 8},
   { type: "Pear", quantity: 777}
];

let myIndex = fruits.findIndex(fruit => fruit.type === "Orange"); // Returns 2.

"Quiero encontrar el índice en una matriz simple ".

let fruits = [ "Apple", "Banana", "Pear", "Orange"];

let index = fruits.indexOf("Orange"); // Returns 3.

Puede probar los códigos a continuación: -

let city = ['Delhi', 'mumbai']
const a = city.findIndex((item) => 
item.toLowerCase()==='delhi')
console.log(a) // returns 0

let c = city.indexOf('mumbai') // returns 1
console.log(c)