Trabalhando com cordas em JavaScript | explicado com exemplos
Como criar uma string em javascript
Enquanto trabalha com strings, a primeira pergunta que vem à nossa mente é como criar uma string? Bem, temos duas respostas para essa pergunta, temos que entender primeiro que tipo de corda vamos criar?
JavaScript oferece dois tipos de cordas:
um simples "corda”,
““Literais de modelo”(Introduzido no ES6).
Consideraremos alguns exemplos para entender esses dois conceitos:
Ao criar uma string simples, envolveremos todos os personagens em uma única citação "ou uma cotação dupla" "como fizemos no exemplo abaixo do ritmo:
"Olá, este é o nosso primeiro cordão escrito em citações duplas";'Olá, este é o nosso segundo cordão escrito na citação única';
Até agora, o que fizemos é apenas cercar a sequência de cartas com as citações duplas e, a seguir com a única citação, não atribuímos uma string a nenhuma variável ou literal, etc.
Agora, podemos obter a saída dessas cordas de várias maneiras, por exemplo, podemos imprimir a saída no console do navegador como:
console.log ("Olá, este é o nosso primeiro cordão escrito em duas cantetas");console.log ('Olá, este é o nosso segundo cordão escrito na citação única');
Agora vamos obter nossa saída no console como:
Embora também possamos obter a saída em nosso documento como:
documento.Escreva ("Olá, esta é a nossa primeira corda escrita em duas cantetas");Vamos obter a seguinte saída quando utilizarmos “documento.escrever()”:
Outra maneira de imprimir nossa string é o “alerta”Método:
alerta ("Olá, este é o nosso primeiro cordão escrito em duas cedes");Nesse caso, uma janela pop-up aparecerá e obteremos nossa saída nessa janela:
Agora discutiremos o segundo método “Literais de modelo”Para criar uma string em javascript.
Literais de modelo
O "Literais de modelo”Execute o mesmo que a citação única e a citação dupla, mas com algumas funcionalidades adicionais. O modelo literal As cordas são cercadas por “back-ticks”“. Vamos discutir “Literais de modelo”Em detalhes na última parte deste artigo“Como concatenar strings em javascript”.
Como atribuir uma string a uma variável no JavaScript
Em JavaScript, podemos criar uma variável de três maneiras com a palavra -chave "var", "let" ou com a palavra -chave "const". Portanto, considere o exemplo abaixo para entender como podemos atribuir uma string a uma variável:
const String1 = "String atribuída a uma variável const";Seja String2 = "String atribuída a uma variável Let";
var string3 = "String atribuída a uma variável var";
Criamos três variáveis com três palavras -chave diferentes e atribuímos uma string a cada uma delas como:
Vamos usar o console.Método log () para imprimir a saída dessas seqüências:
Então, obteremos a seguinte saída em nosso console:
Como concatenar as cordas em JavaScript
Concatenado significa combinar as múltiplas cordas, podemos concatenar várias strings usando o operador de concatenação "+":
const String1 = "Daniel";deixe string2 = "BRYN";
console.log ("Nome do funcionário:", string1 + "" + string2);
Criamos duas cordas e atribuímos a duas variáveis diferentes e depois no console.Função de log, concatenamos as duas variáveis com o operador "+".
No acima, combinamos duas cordas e adicionamos um "espaço em branco" entre eles. Quando executamos o código, obtemos a seguinte saída:
Podemos concatenar as cordas diretamente sem atribuir seus valores às variáveis, o mesmo que fizemos no exemplo abaixo:
console.log ("Nome:", 'Michael' + "" + 'Clarke');Neste exemplo, combinamos duas cordas e, entre elas, um espaço branco:
E obtemos a seguinte saída na execução bem -sucedida:
Até agora, trabalhamos nas cordas com uma única citação ou strings fechadas em duplas. Agora vamos considerar um exemplo para entender como funciona de volta:
Let First_Name = "Daniel";Seja Full_Name = 'Joe $ First_Name';
console.log ("nome:", full_name);
Neste exemplo, combinamos o "First_Name" com "Joe" usando (') e imprimimos a saída no console:
Teremos a seguinte saída para o código acima:
Como escapar de personagens especiais em JavaScript
Como vimos nos exemplos acima, citações únicas e citações duplas são utilizadas para significar as strings. Portanto, uma pergunta que chama a atenção de todos é como lidar com apóstrofos ou alguns personagens especiais dentro das cordas? Por exemplo:
Deixe str = 'eu sou uma string!';console.log (str);
Então, neste exemplo, quando tentamos escrever Eu sou Em uma string, então não funcionaria corretamente:
Como no snippet acima, vemos que o código do Visual Studio está mostrando um erro; portanto, se ainda, tentamos executar esse código, então obteremos a seguinte saída:
Portanto, para abordar esses casos especiais, o JavaScript fornece alguns caracteres especiais como o backslash '\', tab '\ t' etc. Vamos dar um exemplo em que adicionaremos '\' na string:
Deixe str = 'i \' sou uma string!';console.log ("The String:", STR);
O '\' escapará da citação única como:
E obteremos a saída resultante da string como:
Como acessar um personagem de uma string em javascript
Podemos acessar um personagem específico de uma string usando colchetes de matriz '[]':
Let String = "Hello, este é o nosso primeiro cordão escrito em duas citações";console.log ("caractere acessado:", string [8]);
Escrevemos "String [8]" no método do console que determina que acesse o caráter '8º' da string e o imprime no console:
Após a execução bem -sucedida, obteremos o 8º caráter da string que é "eu":
Conclusão
Strings são dados primitivos e imutáveis e este artigo fornece uma visão geral completa do trabalho de String com a ajuda de exemplos. Depois de ler este artigo, você poderá responder às perguntas como criar uma string, como exibir uma string, como atribuir uma string a uma variável, como integrar/concatenar uma string, como escapar de um personagem especial ao trabalhar com strings e como acessar um único personagem de uma corda.