Differenza tra la funzione indexOf e findIndex dell'array

Sono confuso tra la differenza tra le due funzioni indexOf e trova Index in un array.

La documentazione dice

findIndex - Restituisce l'indice del primo elemento dell'array dove predicate è vero e -1 in caso contrario.

e

indexOf - Restituisce l'indice della prima occorrenza di un valore in una matrice.

La differenza principale sono i parametri di queste funzioni:

• Array.prototype.indexOf()si aspetta un valore come primo parametro. Questo lo rende una buona scelta per trovare l'indice in array di tipi primitivi (come stringa, numero o booleano).

• Array.prototype.findIndex()si aspetta una richiamata come primo parametro. Usalo se hai bisogno dell'indice in array con tipi non primitivi (ad esempio oggetti) o la tua condizione di ricerca è più complessa di un semplice valore.

Vedere i collegamenti per esempi di entrambi i casi.

FindIndex è utile se vuoi trovare il primo elemento che corrisponde al tuo predicato: nell'esempio del W3C, ci sono numeri e corrispondenze se l'età del cliente è superiore o uguale a 18 anni.

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

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

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

console:

2

Puoi trovare un indice di elemento esatto con la funzione indexOf di Array, ma non puoi passare un predicato. È più veloce se vuoi trovare un elemento specifico:

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

ritorna:

1

Il conteggio dell'indice inizia da 0, quindi l'indice del primo elemento è 0.

La differenza principale sono i parametri di queste funzioni:

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

Puoi anche usare includes:

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

ma preferisco il indexOfmetodo:

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

Un'altra differenza è che con findIndex () l'utente può applicare una funzione e trovare l'elemento dell'array che supera il test.

Ma lo stesso non è vero con l' operatore indexOf () . Un utente può semplicemente controllare se il particolare elemento esiste o meno nell'array.

Semplice: che tipo di struttura di array stai usando?

• Se array di oggetti findIndex(),;
• Altrimenti, indexOf().

"Voglio trovare l'indice in un array di oggetti , con la chiave di" Orange ".

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.

"Voglio trovare l'indice in un semplice array ".

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

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

Puoi provare i codici seguenti: -

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)