Como usar a função Includes do JavaScript
A função INCLUDES do JavaScript é usada para determinar se uma string contém outra string como substring… confuso não? bom, seu retorno é basicamente um valor booleano (true ou false) indicando se a substring foi encontrada na string original.
A sintaxe básica da função INCLUDES com string é:
string.includes(substring)
onde string
é a string original e substring
é a substring que se deseja verificar se está contida na string original. Por exemplo:
const string = "Esta é uma string de exemplo"; console.log(string.includes("exemplo")); // saída: true console.log(string.includes("foo")); // saída: false
No exemplo acima, a primeira chamada para includes
retorna true
porque a substring “exemplo” está contida na string original, enquanto a segunda chamada retorna false
porque a substring “foo” não está contida na string original.
A função includes
também pode ser usada com arrays. Nesse caso, ela verifica se um determinado elemento está contido no array e retorna um valor booleano (true ou false) indicando se o elemento foi encontrado.
A sintaxe básica da função includes
com arrays é a seguinte:
array.includes(elemento)
onde array
é o array em que se deseja verificar se o elemento está contido e elemento
é o valor que se deseja verificar se está presente no array. Por exemplo:
const array = [1, 2, 3, 4, 5]; console.log(array.includes(3)); // saída: true console.log(array.includes(6)); // saída: false
No exemplo acima, a primeira chamada para includes
retorna true
porque o valor 3
está contido no array, enquanto a segunda chamada retorna false
porque o valor 6
não está contido no array.
Porque utilizar a função Includes do JavaScript é uma boa opção
A função includes
do JavaScript é importante porque ela permite verificar se uma string ou elemento está presente em uma determinada variável, seja ela uma string ou um array. Isso é especialmente útil em casos em que você precisa verificar se um valor específico está contido em uma grande quantidade de dados.
Ao usar a função includes
, você evita ter que percorrer manualmente a variável procurando por um valor específico. Além disso, a função includes
é mais legível e fácil de entender do que um loop ou condicional que realiza a mesma tarefa.
Outra vantagem de usar a função includes
é que ela ajuda a tornar o seu código mais eficiente. Ao usar a função includes
, você pode evitar processar itens desnecessários em um loop ou condição, tornando seu código mais rápido e eficiente.
Em resumo, a função includes
é uma ferramenta valiosa que pode ajudar a tornar seu código mais limpo, eficiente e fácil de entender.
Acaso não esteja convencido de utilizar esta função, lembre-se que há outras formas de se alcançar o mesmo objetivo
Sim, é possível verificar se uma string ou um elemento está presente em uma variável sem usar a função includes
. Abaixo, vou apresentar algumas alternativas para verificar se um valor está contido em uma string ou um array:
Com strings:
Utilizando a função indexOf
: essa função retorna o índice da primeira ocorrência de uma substring em uma string ou -1 se a substring não for encontrada. Dessa forma, se o índice retornado for maior ou igual a zero, significa que a substring está presente na string. Por exemplo:
const string = "Esta é uma string de exemplo"; console.log(string.indexOf("exemplo") >= 0); // saída: true console.log(string.indexOf("foo") >= 0); // saída: false
Com Arrays:
Utilizando um loop for
: você pode percorrer manualmente o array e verificar se cada elemento é igual ao valor que você está procurando. Por exemplo:
const array = [1, 2, 3, 4, 5]; let encontrado = false; for (let i = 0; i < array.length; i++) { if (array[i] === 3) { encontrado = true; break; } } console.log(encontrado); // saída: true
Utilizando a função find
:
Essa função retorna o primeiro elemento em um array que satisfaça uma determinada condição, que você pode definir em uma função de callback. Dessa forma, se a função de callback retornar true
, significa que o elemento que você está procurando foi encontrado. Por exemplo:
const array = [1, 2, 3, 4, 5]; const encontrado = array.find(function(elemento) { return elemento === 3; }); console.log(encontrado !== undefined); // saída: true
No entanto, é importante ressaltar que a função includes
é uma opção mais simples e legível de se verificar se um valor está presente em uma variável, principalmente em casos onde a verificação é feita em apenas um valor, além de ser mais eficiente e mais indicada em algumas situações específicas, como em grande quantidade de dados.