Różnica między funkcją indexOf i findIndex tablicy

Jestem zdezorientowany między różnicą między dwiema funkcjami indexOf i znalezieniem indeksu w tablicy.

Dokumentacja mówi

findIndex - zwraca indeks pierwszego elementu w tablicy, w której predykat ma wartość true, a wartość -1 w innym przypadku.

i

indexOf - zwraca indeks pierwszego wystąpienia wartości w tablicy.

Główną różnicą są parametry tych funkcji:

• Array.prototype.indexOf()oczekuje wartości jako pierwszego parametru. To sprawia, że ​​dobrym wyborem jest znalezienie indeksu w tablicach typów pierwotnych (takich jak string, number lub boolean).

• Array.prototype.findIndex()oczekuje wywołania zwrotnego jako pierwszego parametru. Użyj tego, jeśli potrzebujesz indeksu w tablicach z typami innymi niż prymitywne (np. Obiekty) lub warunek wyszukiwania jest bardziej złożony niż tylko wartość.

Zobacz linki do przykładów obu przypadków.

FindIndex jest przydatny, jeśli chcesz znaleźć pierwszy element, który pasuje do twojego predykatu: w przykładzie W3C są liczby i dopasowania, jeśli wiek klienta jest wyższy lub równy 18.

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

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

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

konsola:

2

Możesz znaleźć dokładny indeks elementu za pomocą funkcji indexOf Array, ale nie możesz przekazać predykatu. Szybciej jest, jeśli chcesz znaleźć określony element:

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

zwroty:

1

Zliczanie indeksów zaczyna się od 0, więc indeks pierwszego elementu to 0.

Główną różnicą są parametry tych funkcji:

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

Możesz również użyć includes:

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

ale wolę indexOfmetodę:

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

Inną różnicą jest to, że dzięki funkcji findIndex () użytkownik może zastosować jakąś funkcję i znaleźć element w tablicy, który przejdzie test.

Ale to samo nie jest prawdą z operatorem indexOf () . Użytkownik może po prostu sprawdzić, czy dany element istnieje w tablicy, czy nie.

Prosty - jakiego rodzaju struktury tablicy używasz?

• Jeśli tablica obiektów findIndex(),;
• Indziej indexOf().

„Chcę znaleźć indeks w tablicy obiektów z kluczem„ Pomarańczowy ”.

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.

„Chcę znaleźć indeks w prostej tablicy ”.

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

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

Możesz wypróbować poniższe kody: -

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)