Interpolação de String Javascript

| | | | | |

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:


br>

Conclusão

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 .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method