Diferença entre a função indexOf e findIndex da matriz

Estou confuso entre a diferença entre as duas funções indexOf e encontrar Index em uma matriz.

A documentação diz

findIndex - Retorna o índice do primeiro elemento da matriz em que predicado é verdadeiro e -1 caso contrário.

e

indexOf - Retorna o índice da primeira ocorrência de um valor em uma matriz.

A principal diferença são os parâmetros dessas funções:

• Array.prototype.indexOf()espera um valor como primeiro parâmetro. Isso faz com que seja uma boa opção encontrar o índice em matrizes de tipos primitivos (como string, número ou booleano).

• Array.prototype.findIndex()espera um retorno de chamada como primeiro parâmetro. Use isso se você precisar do índice em matrizes com tipos não primitivos (por exemplo, objetos) ou se sua condição de localização for mais complexa do que apenas um valor.

Veja os links para exemplos de ambos os casos.

FindIndex é útil se você deseja encontrar o primeiro elemento que corresponde ao seu predicado: No exemplo do W3C, existem números e correspondências se a idade do cliente for maior ou igual a 18.

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

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

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

console:

2

Você pode encontrar um índice exato de elemento com a função indexOf de Array, mas não pode passar um predicado. É mais rápido se você deseja encontrar um elemento específico:

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

retorna:

1

A contagem do índice começa em 0, então o primeiro índice do elemento é 0.

A principal diferença são os parâmetros dessas funções:

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

Você também pode usar includes:

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

mas eu prefiro o indexOfmétodo:

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

Outra diferença é que, com o findIndex (), o usuário pode aplicar alguma função e encontrar o elemento na matriz que passa no teste.

Mas o mesmo não acontece com o operador indexOf () . Um usuário pode apenas verificar se o elemento específico existe ou não na matriz.

Simples - Que tipo de estrutura de matriz você está usando?

• Se matriz de objetos findIndex(),;
• Senão indexOf(),.

"Quero encontrar o índice em uma matriz de objetos , com a tecla" Laranja ".

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.

"Eu quero encontrar o índice em uma matriz simples ".

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

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

Você pode tentar os códigos abaixo: -

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)