Método JavaScript FindIndex | Explicado

Às vezes, pode precisar Encontre um índice de um elemento de matriz Para verificar se ela satisfaz os critérios especificados. Por exemplo, em um programa JavaScript, você deve buscar o número de índice do primeiro elemento em uma matriz cujo valor é menor que 18. Não faz diferença se o valor for 1 ou 17; Tudo o que importa é que o índice específico seja considerado a primeira ocorrência do elemento com um valor menor que 8. Nesse cenário, JavaScript “FindIndex ()”O método pode ser utilizado.

Este artigo ensinará o uso do Método JavaScript FindIndex () com a ajuda de exemplos adequados. Então vamos começar!

Método JavaScript FindIndex ()

O "FindIndex ()”O método no ES6 é bastante semelhante ao método find (). No entanto, em vez de retornar o elemento em si, ele recupera o índice desse elemento de matriz. O "FindIndex ()”Método aceita um Função de teste como um argumento que procura o Primeira ocorrência dos elementos necessários e retorna seu “índice.”Ele define o caso de retorno para”-1”, Se não existir esse elemento.

Sintaxe do uso do método JavaScript FindIndex ()

FindIndex (Testfunc (elemento [, índice [, Array]]) [, ThisArg])

Aqui o "FindIndex ()”O método compreende dois parâmetros: "Testfunc ()" e "thisarg".

Discutiremos os dois parâmetros do método JavaScript FindIndex ().

Testfunc () parâmetro do método findIndex ()

Na sintaxe acima, a “testfunc ()”A função é invocada para cada elemento da matriz até que a função retorne“verdadeiro”, O que indica que o elemento necessário é encontrado. Esta função aceita os três argumentos a seguir:

• ““elemento”: Em testfunc (),“elemento" é um "obrigatório”Argumento que representa o elemento atual da matriz.
• ““índice":"índice" é um "opcional”Argumento do“ testfunc ()”Isso indica o índice do elemento de matriz atual.
• ““variedade":"variedade" é outro "opcional”Argumento do“testfunc ()”Isso se refere à matriz em processamento.

isto parâmetro do método findIndex ()

““thisarg”É um parâmetro opcional do“FindIndex ()”Método que é utilizado durante a execução do retorno de chamada. Seu valor está definido como “indefinido“Se você não especificar nenhum valor.

Vamos conferir alguns exemplos práticos que utilizam o método JavaScript FindIndex ().

Exemplo 1: Usando o método JavaScript FindIndex ()

Em primeiro lugar, criaremos uma matriz chamada “números”Tendo os seguintes elementos:

Deixe números = [2, 3, 5, 7, 8, 9, 7];

Na próxima etapa, invocaremos o “FindIndex ()”Método no“números”Matriz e passe a função de seta“=>”Que verifica se o elemento no“números”A matriz é igual a“7”:

Deixe o índice = números.FINDINDINDEX (Numbers => Numbers === 7);
console.log ("índice é" + índice);

O primeiro elemento "7" é encontrado no Índice "Terceiro" dos "números" variedade; É por isso que o método findIndex () retornou “3”Como um índice da primeira ocorrência de um elemento:

Agora usaremos o método findIndex () com uma condição mais complexa.

Exemplo 2: Usando o método JavaScript FindIndex ()

No mesmo programa, modificaremos o “FindIndex ()”Método de tal maneira que ele busca o índice da primeira ocorrência do“7”Elemento em que o índice é maior que“3”Na matriz“ Numbers ”:

Deixe o índice = números.FindIndex ((números, índice) => números === 7 && Índice> 3); console.log ("índice é" + índice);

O "números”Array compreende dois“7”Elementos, um no terceiro índice e outro no sexto índice. No entanto, de acordo com a condição dada, o “FindIndex ()”O método considerará“6”Como o índice da primeira ocorrência do“7" elemento:

Exemplo 3: Usando o método JavaScript FindIndex ()

Suponha que você tenha uma lista de funcionários objetos tendo "Nome" e "Age" propriedades:

const funcionários = [
nome: 'Alex', idade: 24,
nome: 'max', idade: 27,
Nome: 'Paul', idade: 28,
];

A seguir "FindIndex ()”O método encontrará o primeiro índice de funcionários no“funcionários”Array, cuja idade é maior que“18”:

const index1 = funcionários.FindIndex (funcionários => funcionários.idade> 18);
console.log ("Índice de funcionário elegível" + index1);

Como você pode ver na saída, o primeiro funcionário elegível está presente no “0Índice:

De acordo com a condição especificada, se não houver elemento no “funcionários”Array então o“FindIndex ()”O método retornará“-1”:

const index2 = funcionários.FindIndex (funcionários => funcionários.idade<= 18);
console.log ("Índice de funcionário inelegível é" + index2);

A saída exibe “-1”Porque nem a idade de um único funcionário é menor ou igual a“18”:

Compilamos todas as informações essenciais relacionadas ao uso do método JavaScript FindIndex (). Você pode explorar ainda mais este tópico de acordo com suas preferências.

Conclusão

O javascript “FindIndex ()”O método é utilizado para buscar o índice da primeira ocorrência de um elemento de matriz. Este método aceita uma função de teste como um argumento que procura a primeira ocorrência dos elementos necessários e retorna seu “índice,”E se não existe esse elemento na matriz, ele define o caso de retorno como“-1““. Neste artigo, discutimos o uso do método JavaScript FindIndex () com a ajuda de exemplos adequados.