JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o amplamente utilizada para desenvolvimento web. Ela oferece uma ampla gama de recursos e funcionalidades que tornam poss\u00edvel criar p\u00e1ginas din\u00e2micas e interativas. Uma das tarefas comuns ao lidar com strings em JavaScript \u00e9 verificar se uma string cont\u00e9m um determinado valor. Isso pode ser necess\u00e1rio em v\u00e1rias situa\u00e7\u00f5es, como validar um formul\u00e1rio ou pesquisar por um determinado termo em um texto.<\/p>\n
O m\u00e9todo includes() \u00e9 uma maneira simples e eficiente de verificar se uma string cont\u00e9m um determinado valor em JavaScript. Para us\u00e1-lo, voc\u00ea precisa ter uma string e o valor que deseja verificar se est\u00e1 presente nessa string. Em seguida, voc\u00ea pode chamar o m\u00e9todo includes() na string e passar o valor como argumento.<\/p>\n
Aqui est\u00e1 a sintaxe b\u00e1sica para usar o m\u00e9todo includes() em JavaScript:<\/p>\n
const string = \"Exemplo de string\";\nconst valor = \"exemplo\";\n\nif (string.includes(valor)) {\n console.log(\"A string cont\u00e9m o valor.\");\n} else {\n console.log(\"A string n\u00e3o cont\u00e9m o valor.\");\n}<\/code><\/pre>\nNeste exemplo, estamos verificando se a string cont\u00e9m a palavra “exemplo”. Se a palavra estiver presente na string, o c\u00f3digo dentro do bloco if ser\u00e1 executado e a mensagem “A string cont\u00e9m o valor” ser\u00e1 registrada no console. Caso contr\u00e1rio, o c\u00f3digo dentro do bloco else ser\u00e1 executado e a mensagem “A string n\u00e3o cont\u00e9m o valor” ser\u00e1 registrada.<\/p>\n
O m\u00e9todo includes() tamb\u00e9m pode ser utilizado para verificar a presen\u00e7a de uma substring em uma string.<\/h2>\n
Por exemplo:<\/p>\n
const string = \"Exemplo de string\";\nconst substring = \"exem\";\n\nif (string.includes(substring)) {\n console.log(\"A string cont\u00e9m a substring.\");\n} else {\n console.log(\"A string n\u00e3o cont\u00e9m a substring.\");\n}<\/code><\/pre>\nNeste caso, estamos verificando se a string cont\u00e9m a substring “exem”. Como essa substring est\u00e1 presente na string original, a mensagem “A string cont\u00e9m a substring” ser\u00e1 registrada no console.<\/p>\n
Exemplos pr\u00e1ticos de uso do m\u00e9todo includes() para verificar a presen\u00e7a de uma substring em uma string em JavaScript<\/h2>\n
Agora que j\u00e1 conhecemos a sintaxe b\u00e1sica e o funcionamento do m\u00e9todo includes(), vamos explorar alguns exemplos pr\u00e1ticos de uso desse m\u00e9todo para verificar a presen\u00e7a de uma substring em uma string em JavaScript.<\/p>\n
Exemplo 1: Verificar se uma palavra est\u00e1 presente em uma frase:<\/h3>\nconst frase = \"O JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o muito poderosa.\";\n\nif (frase.includes(\"JavaScript\")) {\n console.log(\"A frase cont\u00e9m a palavra JavaScript.\");\n} else {\n console.log(\"A frase n\u00e3o cont\u00e9m a palavra JavaScript.\");\n}<\/code><\/pre>\nNeste exemplo, estamos verificando se a palavra “JavaScript” est\u00e1 presente na frase. Como a palavra est\u00e1 presente, a mensagem “A frase cont\u00e9m a palavra JavaScript” ser\u00e1 exibida no console.<\/p>\n
Exemplo 2: Verificar se um n\u00famero est\u00e1 presente em uma lista de n\u00fameros:<\/h3>\nconst numeros = [1, 2, 3, 4, 5];\n\nif (numeros.includes(3)) {\n console.log(\"A lista cont\u00e9m o n\u00famero 3.\");\n} else {\n console.log(\"A lista n\u00e3o cont\u00e9m o n\u00famero 3.\");\n}<\/code><\/pre>\nNeste exemplo, estamos verificando se o n\u00famero 3 est\u00e1 presente na lista de n\u00fameros. Como o n\u00famero est\u00e1 presente, a mensagem “A lista cont\u00e9m o n\u00famero 3” ser\u00e1 exibida no console.<\/p>\n
Outros m\u00e9todos \u00fateis para verificar se uma string cont\u00e9m um determinado valor em JavaScript<\/h2>\n
Al\u00e9m do m\u00e9todo includes(), existem outros m\u00e9todos \u00fateis que podem ser utilizados para verificar se uma string cont\u00e9m um determinado valor em JavaScript.<\/p>\n
1. M\u00e9todo startsWith():<\/h3>\n
Este m\u00e9todo verifica se uma string come\u00e7a com um determinado valor. Ele retorna true se a string come\u00e7ar com o valor especificado e false caso contr\u00e1rio.<\/p>\n
const string = \"Exemplo de string\";\n\nif (string.startsWith(\"Exemplo\")) {\n console.log(\"A string come\u00e7a com o valor 'Exemplo'.\");\n} else {\n console.log(\"A string n\u00e3o come\u00e7a com o valor 'Exemplo'.\");\n}<\/code><\/pre>\n2. M\u00e9todo endsWith():<\/h3>\n
Este m\u00e9todo verifica se uma string termina com um determinado valor. Ele retorna true se a string terminar com o valor especificado e false caso contr\u00e1rio.<\/p>\n
const string = \"Exemplo de string\";\n\nif (string.endsWith(\"string\")) {\n console.log(\"A string termina com o valor 'string'.\");\n} else {\n console.log(\"A string n\u00e3o termina com o valor 'string'.\");\n}<\/code><\/pre>\nEsses s\u00e3o apenas alguns dos m\u00e9todos que podem ser utilizados para verificar se uma string cont\u00e9m um determinado valor em JavaScript. A escolha do m\u00e9todo depende das necessidades espec\u00edficas do seu c\u00f3digo.<\/p>\n
Conclus\u00e3o<\/h2>\n
Verificar se uma string cont\u00e9m um determinado valor \u00e9 uma tarefa comum ao trabalhar com strings em JavaScript. O m\u00e9todo includes() \u00e9 uma ferramenta poderosa que permite realizar essa verifica\u00e7\u00e3o de forma simples e eficiente. Al\u00e9m disso, existem outros m\u00e9todos \u00fateis, como startsWith() e endsWith(), que podem ser utilizados para verificar o in\u00edcio e o fim de uma string.<\/p>\n
Ao utilizar esses m\u00e9todos, lembre-se de considerar a sensibilidade a mai\u00fasculas e min\u00fasculas, caso isso seja relevante para o seu caso de uso. Al\u00e9m disso, sempre teste o seu c\u00f3digo para garantir que ele esteja funcionando corretamente e trate poss\u00edveis casos de erro.<\/p>\n
Agora que voc\u00ea conhece o m\u00e9todo includes() e outras op\u00e7\u00f5es, voc\u00ea pode us\u00e1-los em suas aplica\u00e7\u00f5es para verificar se uma string cont\u00e9m um determinado valor de maneira simples e eficaz.<\/p>\n
Exemplos pr\u00e1ticos de uso do m\u00e9todo includes() para verificar a presen\u00e7a de uma substring em uma string em JavaScript<\/h2>\n
O m\u00e9todo includes() em JavaScript oferece uma forma simples e eficiente de verificar se uma determinada substring est\u00e1 presente em uma string. Vamos explorar alguns exemplos pr\u00e1ticos de como usar esse m\u00e9todo e como ele pode ser \u00fatil em diferentes situa\u00e7\u00f5es.<\/p>\n
Exemplo 1: Verificar se um nome est\u00e1 presente em uma lista de usu\u00e1rios<\/h3>\n
Suponha que temos uma lista de nomes de usu\u00e1rios e queremos verificar se um nome espec\u00edfico est\u00e1 presente nessa lista. Podemos fazer isso utilizando o m\u00e9todo includes() em conjunto com um loop para percorrer cada nome na lista. Veja o exemplo abaixo:<\/p>\n
const usuarios = [\"Jo\u00e3o\", \"Maria\", \"Pedro\", \"Ana\"];\n\nconst nomeProcurado = \"Pedro\";\n\nif (usuarios.includes(nomeProcurado)) {\n console.log(`O nome ${nomeProcurado} est\u00e1 na lista de usu\u00e1rios.`);\n} else {\n console.log(`O nome ${nomeProcurado} n\u00e3o est\u00e1 na lista de usu\u00e1rios.`);\n}<\/code><\/pre>\nNeste exemplo, o m\u00e9todo includes() \u00e9 utilizado para verificar se a lista usuarios cont\u00e9m o nome especificado em nomeProcurado. Caso o nome seja encontrado na lista, \u00e9 exibida a mensagem “O nome {nomeProcurado} est\u00e1 na lista de usu\u00e1rios.”. Caso contr\u00e1rio, \u00e9 exibida a mensagem “O nome {nomeProcurado} n\u00e3o est\u00e1 na lista de usu\u00e1rios.”.<\/p>\n
Exemplo 2: Verificar se um determinado produto est\u00e1 no carrinho de compras<\/h3>\n
Imagine que estamos desenvolvendo um sistema de carrinho de compras para um e-commerce e precisamos verificar se um certo produto j\u00e1 est\u00e1 no carrinho do usu\u00e1rio. Podemos facilmente fazer isso utilizando o m\u00e9todo includes(). Veja o exemplo abaixo:<\/p>\n
const carrinho = [\"Camiseta\", \"Cal\u00e7a\", \"T\u00eanis\", \"Meias\"];\n\nconst produtoProcurado = \"Camiseta\";\n\nif (carrinho.includes(produtoProcurado)) {\n console.log(`O produto ${produtoProcurado} est\u00e1 no carrinho.`);\n} else {\n console.log(`O produto ${produtoProcurado} n\u00e3o est\u00e1 no carrinho.`);\n}<\/code><\/pre>\nNeste exemplo, utilizamos o m\u00e9todo includes() para verificar se o produto procurado est\u00e1 no carrinho. Se o produto estiver presente, \u00e9 exibida a mensagem “O produto {produtoProcurado} est\u00e1 no carrinho.”. Caso contr\u00e1rio, \u00e9 exibida a mensagem “O produto {produtoProcurado} n\u00e3o est\u00e1 no carrinho.”.<\/p>\n
Outros m\u00e9todos \u00fateis para verificar se uma string cont\u00e9m um determinado valor em JavaScript<\/h2>\n
Al\u00e9m do m\u00e9todo includes(), existem outros m\u00e9todos \u00fateis em JavaScript que podem ser utilizados para verificar se uma string cont\u00e9m um determinado valor. Vamos explorar alguns desses m\u00e9todos abaixo:<\/p>\n
1. M\u00e9todo indexOf():<\/h3>\n
O m\u00e9todo indexOf() retorna a posi\u00e7\u00e3o da primeira ocorr\u00eancia de um valor em uma string. Caso o valor n\u00e3o seja encontrado, o m\u00e9todo retorna -1. Podemos utiliz\u00e1-lo para verificar se uma string cont\u00e9m um determinado valor. Veja o exemplo:<\/p>\n
const string = \"Aprendendo JavaScript\";\n\nconst valor = \"JavaScript\";\n\nif (string.indexOf(valor) !== -1) {\n console.log(`A string cont\u00e9m o valor ${valor}.`);\n} else {\n console.log(`A string n\u00e3o cont\u00e9m o valor ${valor}.`);\n}<\/code><\/pre>\nNeste exemplo, o m\u00e9todo indexOf() \u00e9 utilizado para verificar se a string cont\u00e9m o valor “JavaScript”. Caso o valor seja encontrado, \u00e9 exibida a mensagem “A string cont\u00e9m o valor JavaScript.”. Caso contr\u00e1rio, \u00e9 exibida a mensagem “A string n\u00e3o cont\u00e9m o valor JavaScript.”.<\/p>\n
2. M\u00e9todo match():<\/h3>\n
O m\u00e9todo match() \u00e9 utilizado para buscar uma correspond\u00eancia entre uma express\u00e3o regular e uma string. Podemos utiliz\u00e1-lo para verificar se uma string cont\u00e9m um determinado padr\u00e3o. Veja o exemplo:<\/p>\n
const string = \"Exemplo de string com um n\u00famero: 123\";\n\nconst padrao = \/\\d+\/;\n\nif (string.match(padrao)) {\n console.log(`A string cont\u00e9m um n\u00famero.`);\n} else {\n console.log(`A string n\u00e3o cont\u00e9m um n\u00famero.`);\n}<\/code><\/pre>\nNeste exemplo, o m\u00e9todo match() \u00e9 utilizado para verificar se a string cont\u00e9m algum n\u00famero. Caso um n\u00famero seja encontrado, \u00e9 exibida a mensagem “A string cont\u00e9m um n\u00famero.”. Caso contr\u00e1rio, \u00e9 exibida a mensagem “A string n\u00e3o cont\u00e9m um n\u00famero.”.<\/p>\n
Esses s\u00e3o apenas alguns dos m\u00e9todos \u00fateis que podem ser utilizados para verificar se uma string cont\u00e9m um determinado valor em JavaScript. A escolha do m\u00e9todo adequado depende do contexto e dos requisitos espec\u00edficos da sua aplica\u00e7\u00e3o.<\/p>\n
Conclus\u00e3o<\/h2>\n
O m\u00e9todo includes() em JavaScript \u00e9 uma ferramenta poderosa para verificar se uma string cont\u00e9m um determinado valor. Com esse m\u00e9todo e outros m\u00e9todos \u00fateis, como indexOf() e match(), voc\u00ea pode realizar essa verifica\u00e7\u00e3o de forma simples e eficiente.<\/p>\n
Ao utilizar esses m\u00e9todos, \u00e9 importante considerar a sensibilidade a mai\u00fasculas e min\u00fasculas, caso seja relevante para o seu caso de uso. Sempre teste o seu c\u00f3digo para garantir que ele esteja funcionando corretamente e trate poss\u00edveis casos de erro.<\/p>\n
Agora que voc\u00ea conhece o m\u00e9todo includes() e outros m\u00e9todos \u00fateis, voc\u00ea tem diversas op\u00e7\u00f5es para verificar se uma string cont\u00e9m um determinado valor em JavaScript. Utilize essas ferramentas de acordo com as necessidades do seu projeto e melhore a funcionalidade e efici\u00eancia das suas aplica\u00e7\u00f5es web.<\/p>\n
A Awari<\/a> \u00e9 a melhor plataforma para aprender sobre programa\u00e7\u00e3o no Brasil.<\/h2>\nAqui voc\u00ea encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu pr\u00f3ximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.<\/p>\n