Unterschied zwischen der Funktion indexOf und findIndex des Arrays

Ich bin verwirrt zwischen dem Unterschied zwischen den beiden Funktionen indexOf und find Index in einem Array.

Die Dokumentation sagt

findIndex - Gibt den Index des ersten Elements im Array zurück, bei dem das Prädikat true ist, andernfalls -1.

und

indexOf - Gibt den Index des ersten Auftretens eines Werts in einem Array zurück.

Der Hauptunterschied sind die Parameter dieser Funktionen:

• Array.prototype.indexOf()erwartet einen Wert als ersten Parameter. Dies macht es zu einer guten Wahl, den Index in Arrays primitiver Typen (wie Zeichenfolge, Zahl oder Boolescher Wert) zu finden.

• Array.prototype.findIndex()erwartet einen Rückruf als ersten Parameter. Verwenden Sie diese Option, wenn Sie den Index in Arrays mit nicht primitiven Typen (z. B. Objekten) benötigen oder Ihre Suchbedingung komplexer ist als nur ein Wert.

Beispiele für beide Fälle finden Sie unter den Links.

FindIndex ist nützlich, wenn Sie das erste Element suchen möchten, das Ihrem Prädikat entspricht: Im Beispiel von W3C gibt es Zahlen und Übereinstimmungen, wenn das Alter des Kunden über oder gleich 18 ist.

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

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

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

Konsole:

2

Sie können einen genauen Elementindex mit der indexOf-Funktion von Array finden, aber Sie können kein Prädikat übergeben. Es ist schneller, wenn Sie ein bestimmtes Element finden möchten:

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

kehrt zurück:

1

Die Indexzählung beginnt bei 0, daher ist der erste Elementindex 0.

Der Hauptunterschied sind die Parameter dieser Funktionen:

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

Sie können auch verwenden includes:

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

aber ich bevorzuge die indexOfMethode:

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

Ein weiterer Unterschied besteht darin, dass der Benutzer mit findIndex () eine Funktion anwenden und das Element in dem Array finden kann, das den Test besteht.

Dies gilt jedoch nicht für den Operator indexOf () . Ein Benutzer kann einfach überprüfen, ob das bestimmte Element im Array vorhanden ist oder nicht.

Einfach - Welche Art von Array-Struktur verwenden Sie?

• Wenn Array von Objekten findIndex();
• Sonst , indexOf().

"Ich möchte den Index in einer Reihe von Objekten mit dem Schlüssel" Orange "finden.

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.

"Ich möchte den Index in einem einfachen Array finden ".

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

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

Sie können die folgenden Codes ausprobieren: -

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)