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

Question

Jestem zdezorientowany między różnicą między funkcją indexOf a znalezieniem indeksu w tablicy.

Dokumentacja mówi

findIndex - Zwraca indeks pierwszego elementu tablicy, gdzie orzeczenie jest prawdziwa, a -1 inaczej.

i

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

Answer 1

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

• Array.prototype.indexOf() oczekuje wartość jako pierwszy parametr. To sprawia, że ​​dobrym wyborem jest znalezienie indeksu w tablicach typów pierwotnych.

• Array.prototype.findIndex() oczekuje pierwszego oddzwonienia oddzwaniania. Użyj tej opcji, jeśli indeks jest wymagany w tablicach z typami nieprostymi (np. Obiektami) lub warunek wyszukiwania jest bardziej złożony niż tylko wartość.

Zobacz linki na przykłady obu przypadków.

Answer 2

FindIndex jest przydatna, jeśli chcesz znaleźć pierwszy element, który pasuje do orzecznika: W przykładzie W3C są numery i pasuje jeśli wiek klienta powyżej 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 z funkcją indexOf obiektu Array, ale nie możesz przekazać predykatu. Jest szybszy, jeśli chcesz znaleźć konkretny element:

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

Powroty:

1 

Index liczenie zaczyna się od 0, więc pierwszym elementem jest wskaźnik 0.

Answer 3

Plese można użyć obejmuje preffer indexOf

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


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

Answer 4

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

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