Home-theater-designers
Ao programar em JavaScript, você frequentemente encontrará cenários que requerem manipulação de string. Por exemplo, ao recuperar um e-mail, pode ser necessário converter todos os caracteres em minúsculas ou usar uma expressão regular para verificar se a senha inserida satisfaz todas as condições.
Os métodos de string JavaScript o ajudarão a realizar todas essas operações em uma string de acordo com seus requisitos com facilidade. Aqui estão 10 métodos de string com exemplos para ajudá-lo a entendê-los bem.
O que são métodos de string JavaScript?
Strings são uma estrutura de dados fundamental que consiste em uma sequência de caracteres. Essa estrutura de dados faz parte de todas as principais linguagens de programação, incluindo Python, JavaScript, Java e muito mais.
Os métodos de string são os métodos JavaScript pré-construídos que ajudam os desenvolvedores a realizar operações comuns em strings sem a necessidade de escrever o código manualmente. Eles são executados usando a notação de ponto anexada à variável string.
Relacionado: O que é uma função na programação?
por que uma mensagem de texto não seria entregue no iphone
Como são apenas funções JavaScript, sempre terminam com parênteses, que podem conter argumentos opcionais. É essencial saber o que é JavaScript e como funciona antes de prosseguir. Vamos começar e aprender esses métodos em mais detalhes.
Para os próximos métodos, vamos pegar uma variável de string p com o valor de ' Bem-vindo ao MUO! ' como um exemplo.
let str = 'Welcome to MUO!'1. String.toLowerCase () e String.toUppperCase ()
o toLowerCase () método string converte todos os caracteres de uma determinada string para o formato de minúsculas e, da mesma forma, o toUpperCase () método converte todos os caracteres para o formato de maiúsculas. Essas funções não modificam a string original.
Sintaxe:
toUpperCase()
toLowerCase()Vamos verificar esses dois métodos com um exemplo rápido:
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);Ao executar o código acima no console, você receberá a seguinte saída:
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'2. String.concat ()
o concat () método é usado para juntar duas ou mais strings. Você pode adicionar um ou mais argumentos a este método para concatená-los em uma única string. Ele não faz nenhuma modificação na string original.
Sintaxe:
concat(str1, str2, str3, ...)Aqui está um exemplo que mostra a concatenação de duas strings para formar uma nova string:
let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'3. String.indexOf () e String.lastIndexOf ()
o índice de() método ajuda a descobrir o primeiro índice no qual o caractere ou substring especificado está presente. Ele começa do lado esquerdo e rastreia a string para verificar se o argumento fornecido corresponde.
Sintaxe:
indexOf(str)Vamos descobrir o índice em que MUO está presente na string com um exemplo:
console.log(str.indexOf('MUO')); 11Se o argumento fornecido não estiver presente na string, o método retornará o valor -1.
console.log(str.indexOf('Hello')); -1Da mesma forma, o lastIndexOf () método retorna o índice da última ocorrência do caractere ou string fornecido. Aqui está um exemplo:
console.log(str.lastIndexOf('e')); 6Mesmo que o alfabeto E aparece no índice 1, a última ocorrência desse caractere está no índice 6 e, portanto, é retornado como a saída.
4. String.charAt ()
o charAt () método string retorna o caractere no índice especificado na string. Ele aceita apenas um argumento, o índice no qual o caractere deve ser recuperado. O valor do índice varia de 0 a comprimento - 1.
Sintaxe:
charAt(index)Aqui está um exemplo do charAt () método:
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1)); o
W
!No exemplo acima, quando str.length - 1 foi passado como o argumento, o método retorna o último caractere da string. Se você inserir um índice inválido que esteja além do intervalo permitido, este método retornará -1.
5. String.charCodeAt ()
Semelhante ao método charAt, a charCodeAt () método retorna o Valor ASCII do caractere no índice especificado. Este método de string leva apenas um argumento, o índice do qual o caractere deve ser recuperado.
Sintaxe:
charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33Mais uma vez, o valor do índice varia de 0 a comprimento - 1 e se você tentar passar um índice além do limite permitido, este método retornará -1.
6. String.replace ()
Como o nome sugere, o substituir() método ajuda a substituir uma parte da string por outra parte. Este método leva dois argumentos: o primeiro é a substring a ser substituída e o segundo é a substring a ser substituída. Este método não faz nenhuma modificação na string original.
Sintaxe:
replace(str1, str2)Por exemplo, se você deseja substituir a palavra MUO com esse site na variável string, você pode usar o substituir() método como este:
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!7. String.split ()
o dividir() método é usado para quebrar todas as palavras ou caracteres em uma string de acordo com o argumento separador passado para o método. O tipo de retorno desse método é uma matriz. Essa matriz consiste em todos os caracteres ou substrings, divididos de acordo com o separador fornecido. Este método não modifica a string original.
Sintaxe:
split(separator)Por exemplo, se um espaço em branco ('') for passado como o argumento separador para o método de divisão, é assim que a saída ficará:
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']Se você não passar um argumento para o dividir() , ele retornará um array com um único elemento consistindo no valor da sua variável de string.
let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']8. String.substring ()
o substring () método é usado para obter uma substring ou parte da string original. Este método usa dois parâmetros: o índice inicial e o índice final. A substring de saída começa a partir do índice inicial especificado e imprime até o índice final - 1.
Sintaxe:
substring(startIndex, endIndex)Aqui está um exemplo rápido do substring () método:
console.log(str.substring(2,8)); 'lcome'Observe que o caractere no índice final não faz parte da saída.
9. String.search ()
o procurar() método ajuda a encontrar uma substring ou caractere particular dentro da string original. Este método aceita um grupo de caracteres ou substring como argumento e rastreia a string. Ao encontrar uma correspondência, o índice inicial da parte correspondida é retornado. Caso contrário, este método retorna -1.
Sintaxe:
search(substring)Você pode fazer uso do procurar() método desta maneira:
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. String.trim ()
o aparar() método remove todos os espaços em branco na string, antes do primeiro caractere e depois do último caractere. Este método não requer que você passe nenhum parâmetro e não modifica a string original. É extremamente útil para validação de entrada do usuário em formulários.
Sintaxe:
trim()Vamos dar um novo exemplo para explorar este método de string:
como fazer uma captura de tela na superfície da microsoft
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! 'Mais métodos JavaScript para verificar
Portanto, este foi um resumo rápido de alguns métodos de string comuns que podem ajudá-lo a ser mais produtivo como um desenvolvedor de JavaScript. Esses métodos também o ajudarão a acertar suas entrevistas de codificação para perguntas relacionadas a strings. A prática leva à perfeição, então vá em frente e experimente esses métodos em seu próprio console.
Depois que você estiver minucioso com os métodos de string, pode valer a pena dar uma olhada em alguns métodos de array que podem aprimorar ainda mais seu domínio do JavaScript.
Compartilhado Compartilhado Tweet O email 15 métodos de array de JavaScript que você deve dominar hojeQuer entender os arrays JavaScript, mas não consegue se familiarizar com eles? Verifique nossos exemplos de array de JavaScript para orientação.
Leia a seguir Tópicos relacionados- Programação
- JavaScript
- Dicas de codificação
Nitin é um desenvolvedor de software ávido e um estudante de engenharia da computação desenvolvendo aplicativos da web usando tecnologias JavaScript. Ele trabalha como desenvolvedor web freelance e gosta de escrever para Linux e programação em seu tempo livre.
Mais de Nitin RanganathAssine a nossa newsletter
Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!
Clique aqui para se inscrever