Índice JavaScript

Michael Zippo

O método JavaScript indexOf() retorna a posição de um elemento em uma lista ou de uma substring em uma string. O método JavaScript indexOf() retorna -1 se um valor especificado não aparecer em uma lista ou string. Apenas o valor de índice da primeira ocorrência de um valor é retornado.

Muitas vezes você pode querer saber se a string ou array contém um valor específico. Por exemplo, você pode ter uma lista de sabores de donuts vendidos em sua loja de donuts. Você pode querer verificar se removeu a impopular rosquinha tripla de chocolate do menu.

É aqui que o método JavaScript indexOf () é útil. O método indexOf() retorna o primeiro índice no qual um determinado valor pode ser encontrado em um array ou string. Se nenhum valor for encontrado, um valor especial -1 será retornado.

Neste tutorial, exploraremos o básico do método indexOf() em JavaScript. Veremos dois exemplos para mostrar esse método em ação para ajudá-lo a entender melhor o método indexOf ().

JavaScript indexOf () com Array

O Array . indexOf () método interno procura um valor em uma matriz. O método encontra o valor de índice da primeira vez que um item especificado é exibido em uma matriz. Se um elemento especificado for encontrado, o método indexOf() retornará o número de índice da primeira ocorrência do valor. Se o elemento especificado não for encontrado, indexOf () retornará -1.

O método indexOf () leva maiúsculas e minúsculas em consideração. Isso significa que indexOf () retornará -1 se um valor aparecer em uma lista com um caso diferente daquele especificado.

Aqui está a sintaxe do método indexOf() em JavaScript:

O método indexOf () diferencia maiúsculas de minúsculas. Aqui está a sintaxe da função indexOf() em JavaScript:

O parâmetro item é o item que estamos procurando em nosso array JavaScript . Este parâmetro é obrigatório. O parâmetro start_position é opcional. start_position é a posição em nosso array onde indexOf () inicia a busca.

Um cenário de exemplo

Digamos que estamos sem canela. Queremos verificar se os pãezinhos de canela ainda estão listados no menu da nossa loja. Se os donuts estiverem no menu, nós os removeremos. Poderíamos usar o seguinte código para realizar esta ação:

O método indexOf retorna: 2. Como você pode ver, Cinnamon está presente em nosso array, então nosso código retornou o valor de índice da primeira instância de Cinnamon em nosso array, que neste caso é 2.

O método indexOf retorna: 2. Como você pode ver, Cinnamon está presente em nosso array. Em seguida, nosso código retornou o índice valor da primeira instância de Cinnamon em nosso array, que neste caso é 2.

Nosso programa deve retornar 2 mesmo que nosso array contenha vários instâncias de Cinnamon. Isso ocorre porque indexOf () retorna apenas a posição de índice da primeira instância de um elemento.

Digamos que nosso chef inventou um novo donut Jam Supreme e adicionou-o à nossa gama de donut_flavors. No entanto, ela não sabe se é chamado de donut. Jam ou Jam Supreme. Ele quer verificar se o menu está correto.

Porque Jam já é o primeiro em o array, indexOf() retornará a posição de Jam. No entanto, se usarmos o parâmetro start_position, podemos pular a primeira posição e execute Aqui o código que nosso chefe pode usar para verificar se Jam aparece após a posição do índice 1 no array:

Nosso código retorna: - 1. Embora Jam exista em nosso array, ele vem antes do valor de índice 1. O valor Jam não existe no região que estamos procurando o.

JavaScrip t indexOf () com strings

indexOf () pode ser usado para encontrar um substring dentro de uma string . O método string indexOf () retorna o número do índice no qual uma substring começa em outra string.

Atualizando strings

Como arrays, strings em JavaScript também têm seus próprios valores de índice. As strings são indexadas da esquerda para a direita, começando com o valor de índice . Portanto, para nossa string de exemplo acima, os seguintes valores de índice ‚Äã‚Äãseriam atribuídos:

E < /td> x a m p l e !

Então, se quiséssemos obter o caractere na posição d `index 4, poderíamos fazer isso usando o seguinte código:

Nosso código retorna: p.

String.indexOf ()

O método String.indexOf () pode ser usado para verificar se uma string contém uma substring específica. Se a substring puder ser encontrada dentro da string, indexOf() retornará a posição do índice da ocorrência da letra ou string; se a substring não for encontrada, indexOf () retornará -1.

O método String.indexOf () usa a mesma sintaxe que o método Array.indexOf():

Precisamos especificar um argumento substring. Esse é o valor que queremos buscar em nossa cadeia. O argumento start_position é opcional e instrui o programa a iniciar a busca em um índice específico. O argumento padrão start_position é o índice 0.

Digamos que temos uma string com os nomes dos donuts e queremos verificar se a string contém Mirtilo. Poderíamos usar o seguinte código para realizar esta ação:

Nosso código retorna: 4. Como você pode ver, nossa string donut_flavors contém Blueberry e a substring começa na posição do índice 4.

Nosso código retorna: 4. Como você pode ver, nossa string donut_flavors contém Blueberry e o substring começa na posição de índice 4.

Mas e se quiséssemos verificar se nossa string donut_flavors continha Blueberry após uma posição de índice específica? É aqui que entra o argumento start_position.

Vamos encontrar o termo Blueberry em nossa lista. Começaremos nossa busca na posição 10 do índice em nossa lista:

Nosso código retorna: -1. Enquanto "donut_flavors" inclui "Blueberry," a string começa antes do valor de índice 10 na matriz. Nosso código retorna "-1". Isso indica que a substring não foi encontrado.

Verifique se existe um valor usando indexOf ()

Você pode usar uma instrução "if" com o método indexOf() para verificar se existe um valor em uma string ou array. Por exemplo, você pode veja indexOf () para verificar se o menu donut contém um valor específico. Então você pode imprimir uma mensagem no console se este valor for encontrado.

Vamos escrever um programa que imprima uma mensagem no console se "Chocolate" estiver em uma lista de donuts. Aqui está nosso código:

Nosso código retorna: "Donuts de chocolate estão no menu!".

Na primeira linha do nosso código , declaramos nosso array de sabor de donut chamado "donut_flavors," que contém seis valores.

Em seguida, criamos uma instrução if que usa indexOf para verificar se "Donut_flavors" contém "Chocolate." Esta instrução if avalia se indexOf retorna um valor igual a "-1."

Se indexOf retorna < em>"-1," significa que nosso valor não foi encontrado no array. Isso significa que nossa instrução if não será executada. Se indexOf retornar outro valor, nossa instrução if será executada.

Neste caso, indexOf () retornará 2. Isso ocorre porque "Chocolate" está presente em nosso array "donut_flavors". Nosso programa exibe "Donuts de chocolate estão no menu!" porque indexOf retornou um valor que não é igual a -1.

Conclusão

O método JavaScript indexOf () verifica se uma string ou array contém um valor específico. O método retorna o número do índice no qual esse valor é encontrado na string ou array.Se o valor especificado não for encontrado, indexOf ()< /em> retorna "-1."

Neste tutorial, abordamos o básico de arrays, strings e como eles são indexados, então exploramos como usar o indexOf() com strings e arrays para verificar se continha um valor específico.

Explicamos como usar o indexOf() e um " if" para verificar se existe um valor em uma lista ou string.