Perbedaan Antara fungsi indexOf dan findIndex dari array

Saya bingung antara perbedaan antara dua fungsi indexOf dan menemukan Indeks dalam sebuah array.

Dokumentasinya mengatakan

findIndex - Mengembalikan indeks elemen pertama dalam larik di mana predikatnya benar, dan -1 jika tidak.

dan

indexOf - Mengembalikan indeks kemunculan pertama dari nilai dalam array.

Perbedaan utamanya adalah parameter dari fungsi-fungsi ini:

• Array.prototype.indexOf()mengharapkan nilai sebagai parameter pertama. Ini menjadikannya pilihan yang baik untuk menemukan indeks dalam array tipe primitif (seperti string, angka, atau boolean).

• Array.prototype.findIndex()mengharapkan callback sebagai parameter pertama. Gunakan ini jika Anda memerlukan indeks dalam array dengan tipe non-primitif (misalnya objek) atau kondisi pencarian Anda lebih kompleks dari sekedar nilai.

Lihat tautan untuk contoh kedua kasus.

FindIndex berguna jika Anda ingin menemukan elemen pertama yang sesuai dengan predikat Anda: Dalam contoh W3C, terdapat angka dan kecocokan jika usia pelanggan di atas atau sama dengan 18.

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

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

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

menghibur:

2

Anda dapat menemukan indeks elemen yang tepat dengan fungsi indexOf dari Array, tetapi Anda tidak dapat memberikan predikat. Lebih cepat jika Anda ingin menemukan elemen tertentu:

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

kembali:

1

Penghitungan indeks dimulai dari 0, jadi indeks elemen pertama adalah 0.

Perbedaan utamanya adalah parameter dari fungsi-fungsi ini:

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

Anda juga bisa menggunakan includes:

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

tapi saya lebih suka indexOfmetode:

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

Perbedaan lainnya adalah dengan findIndex () pengguna dapat menerapkan beberapa fungsi dan menemukan elemen dalam larik yang lolos pengujian.

Tetapi hal yang sama tidak berlaku dengan operator indexOf () . Seorang pengguna dapat memeriksa apakah elemen tertentu ada dalam array atau tidak.

Sederhana - Jenis struktur array apa yang Anda gunakan?

• Jika larik objek findIndex(),;
• Lain indexOf(),.

"Saya ingin mencari indeks dalam array objek , dengan kunci" Oranye ".

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.

"Saya ingin mencari indeks dalam array sederhana ".

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

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

Anda dapat mencoba kode di bawah ini: -

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)