Interpolação de String Javascript
__del__ |
cos |
exp |
JavaScript |
join |
mean |
sin
Michael Zippo
Interpolação de string JavaScript é o processo de incorporar uma expressão em parte de uma string. Um literal de modelo é usado para expressões incorporadas. Você pode adicionar valores ‚Äã‚Äãcomo variáveis e matemática a uma string por interpolação.
Você precisa adicionar um valor em uma string JavaScript? A sintaxe do padrão literal cobre você. Os literais de modelo facilitam o trabalho com strings de várias linhas e valores JavaScript aninhados ‚Äã‚Äãem uma string. Literais de padrão são sintaxe de interpolação de string JavaScript.
Neste guia, falaremos sobre interpolação de string JavaScript. Discutiremos o que é, como funciona e veremos um exemplo de interpolação de string para você começar.
Sem mais delongas, vamos começar!
String de interpolação JavaScript
Você pode adicionar valores ‚Äã‚Äãa uma string JavaScript usando um literal de modelo. Este é um sinal de dólar seguido por duas chaves. Dentro das chaves deve estar a expressão cujo valor você deseja incorporar na string.
Os literais de padrão permitem que você aninhe valores ‚Äã‚Äãem uma string sem depender de concatenação. Para declarar um literal de padrão, a string deve ser colocada entre aspas simples (") em vez de aspas duplas
Considere a seguinte sintaxe:.
Declaramos um padrão literal. Nossa expressão é:
esta expressão retorna 9 + 10. o O resultado dessa expressão é anexado ao final de nossa string, antes do ponto. Na verdade, escrevemos nossa expressão antes do ponto.
string de interpolação JavaScript, por exemplo
modelos de literais permitem que você para valores ‚Äã‚Äãdiretamente em uma string aninhada. Considere este código:
A primeira linha de código define o número do endereço principal. Em seguida, usamos o modelo de literais para criar o endereço completo. O syn tax $ {} é usado para i Integrar valor em nossa cadeia. Adicionamos o valor de "address_number" à string
Vamos executar nosso código:
Nosso código mesclou nossas duas strings.
Ao usar literais de padrão, você pode incorporar um valor no sentido literal. Isso inclui uma string, um número ou o resultado de um Cálculo matemático JavaScript . Você não deve incorporar um literal de modelo em um literal de modelo.
uma das principais vantagens das strings literais é .. que sua sintaxe é clara para que possamos embutir nosso código javascript diretamente em nossa string
podemos juntar strings usando a concatenação Digamos que temos dois st anéis:.
Você pode concatenar duas strings usando o sinal de mais (+):
O console JavaScript imprime o seguinte valor:
Conseguimos criar uma corrente que conecta nossas duas cordas. Em última análise, usamos o operador de concatenação para adicionar um ponto ("") à nossa frase
Mas esta sintaxe tem uma desvantagem:. Você não pode adicionar valores ‚Äã‚Äãao final de uma string. Esta é uma grande razão por trás da introdução da sintaxe de modelo literal. Agora ficou mais fácil adicionar valores ‚Äã‚Äãno meio de uma string
JavaScript para interpolação de strings. Cálculos
O código em um modelo literal é uma instrução JavaScript. Isso significa que você pode usar literais de padrão para realizar cálculos e incorporar seus valores ‚Äã‚Äã em um programa.
Vamos criar uma cadeia que calcula o preço de duas bebidas em um Baré e coloca o resultado em uma cadeia:
Na sintaxe $ {}, adicionamos um cálculo. Este cálculo soma os valores ‚Äã‚Äão de duas variáveis JavaScript. Nossas variáveis são bebida1 (2,30) e bebida2 (2,20) juntas. Nosso código retorna uma string com a soma destes valores:
JavaScript para interpolação de string: operadores ternários
Operadores ternários JavaScript < /a> permite avaliar se uma afirmação é verdadeira ou falsa. Eles são uma maneira mais concisa de escrever uma instrução if. Os operadores ternários são especialmente úteis se o resultado de uma instrução if levar uma única linha de código
Se um cliente gastar mais de R$ 4,00 em seus cafés, ele deve ser apresentado à conta. Em seguida, ele deve ser convidado a participar da fidelidade do café card club. Caso contrário, deve ser apresentado na fatura. Poderíamos usar um operador ternário para verificar o custo da fatura de um cliente:
Nosso padrão literal contém duas expressões internas. integrar o valor do "total" em nossa cadeia. Em seguida, usamos um operador ternário para verificar se um cliente deve ser convidado a participar do café do clube do cartão de fidelidade
Se o preço total da compra for superior a $ 4,00, o console imprimirá a seguinte mensagem:
Caso contrário, nosso operador ternário retornará o valor após os dois pontos (":") .. Este é o valor que é retornado quando um expressão é avaliada como False.
No nosso exemplo, o valor após os dois pontos é uma string vazia. Isso significa que se for inferior a $ 4,00, apenas a compra de um cliente a primeira frase do nosso modelo literal é retornada:
Os literais de modelo permitem que você incorpore um valor em uma corda. Você pode realizar cálculos em um literal de modelo. Declaramos os literais padrão usando os acentos graves. As declarações a serem avaliadas são indicadas por um cifrão e um par de chaves dentro do qual a declaração aparece
Para obter dicas sobre como aprender mais sobre JavaScript, consulte o Guia de aprendizagem de JavaScript .
