Dizinin indexOf ve findIndex işlevi arasındaki fark

Bir dizide indexOf ile IndexOf işlevini bulmak arasındaki fark arasında kafam karıştı.

Belgeler diyor ki

findIndex - Doğruluğun doğru olduğu dizideki ilk öğenin dizinini, aksi takdirde -1 değerini döndürür.

ve

indexOf - Bir dizideki bir değerin ilk oluşumunun dizinini döndürür.

Temel fark, bu işlevlerin parametreleridir:

• Array.prototype.indexOf()ilk parametre olarak bir değer bekler . Bu, dizini ilkel tür dizilerinde (dize, sayı veya boole gibi) bulmayı iyi bir seçim haline getirir .

• Array.prototype.findIndex()ilk parametre olarak bir geri arama bekler . İlkel olmayan türlere (örneğin nesneler) sahip dizilerde dizine ihtiyacınız varsa veya bulma koşulunuz yalnızca bir değerden daha karmaşıksa bunu kullanın.

Her iki duruma ilişkin örnekler için bağlantılara bakın.

Bulunduğunuz yere uyan ilk öğeyi bulmak istiyorsanız FindIndex kullanışlıdır: W3C örneğinde, müşterinin yaşı 18'den büyükse veya 18'e eşitse sayılar ve eşleşmeler vardır.

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

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

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

konsol:

2

Array'in indexOf fonksiyonu ile tam bir eleman indeksi bulabilirsiniz, ancak bir yüklemi geçemezsiniz. Belirli bir öğeyi bulmak istiyorsanız daha hızlıdır:

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

İadeler:

1

Dizin sayımı 0'dan başlar, bu nedenle ilk öğe dizini 0'dır.

Temel fark, bu işlevlerin parametreleridir:

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

Ayrıca şunları da kullanabilirsiniz includes:

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

ama indexOfyöntemi tercih ederim :

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

Diğer bir fark, kullanıcının findIndex () ile bazı işlevleri uygulayabilmesi ve dizide testi geçen öğeyi bulabilmesidir.

Ancak aynı durum indexOf () operatörü için geçerli değildir . Bir kullanıcı, belirli bir elemanın dizide var olup olmadığını kontrol edebilir.

Basit - Ne tür bir dizi yapısı kullanıyorsunuz?

• Nesne dizisi ise, findIndex() ;
• Aksi takdirde indexOf(),.

"Bir dizi nesnede " Turuncu "tuşuyla dizini bulmak istiyorum .

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.

"Dizini basit bir dizide bulmak istiyorum ".

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

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

Aşağıdaki kodları deneyebilirsiniz: -

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)