Como adicionar expressões em uma string?

A interpolação da string é um processo para usar chamadas de função, variáveis ​​e expressões aritméticas em uma string diretamente. Antes da interpolação da string, as características das variáveis ​​JavaScript, as chamadas de expressão e função são incorporadas em uma string usando sequência de escape, literais de objeto e processo de concatenação que torna o código bagunçado e menos compreensível.

Neste artigo, discutiremos a interpolação de strings em JavaScript com os seguintes resultados de aprendizado:

• Como usar a interpolação de strings em java
• Diferença entre interpolação e concatenação de string
• Como usar interpolação de string com declarações condicionais?
• Como usar interpolação de string com operadores lógicos?

Como usar a interpolação de strings em JavaScript

No JavaScript, a interpolação de string é realizada usando o modelo literal. Esses literais de modelo usam backticks (““) para embrulhar uma corda dentro e o $ assine com um par de colchetes encaracolados é usado para incorporar expressão em um modelo literal para interpolação de cordas.

Sintaxe:

'Este é o processo de interpolação de string $ expressão'

Como usar operadores aritméticos na interpolação de string

Na interpolação de string, podemos incorporar operadores aritméticos com $ e aparelho encaracolado, como mostrado abaixo

Código:

var a = 2;
var b = 3;
const First = 'String Interpolation Exemplo em javascript $ a+b'
console.log (primeiro);

Aqui pegamos duas variáveis a e b e inicialize -os, então tomamos outra variável primeiro em que usamos backsticks para incorporar string e expressão.

Saída:

No exemplo acima, a expressão é calculada dentro do modelo literal que retorna 5 como resultado.

Diferença entre concatenação de string e interpolação de string

Interpolação de string e concatenação de string, ambos são usados ​​para se juntar às cordas, chamadas de função e expressões aritméticas em uma corda. Os exemplos a seguir mostram a diferença entre as duas técnicas de união de string.

Concatenação de String:

Os exemplos a seguir mostram como incorporamos cordas e variáveis ​​antes da interpolação de string.

Código:

const nome = 'John';
const Age = 26;
Information = "Meu nome é" + nome + "e eu tenho" + idade + "anos";
console.log (informações);

Aqui fazemos uma variável nome, idade e Informação. Em seguida, inicializamos o nome com um valor de string, envelhece com um valor inteiro e, na variável de informação, realizamos concatenação de string.

Saída:

É visto claramente que usamos (+) sinal para unir strings e variáveis ​​que deixam o código bagunçado e menos claro.

Interpolação de string:

Vamos dar o exemplo acima e executar a interpolação de string para entender claramente a diferença.

Código:

const nome = 'John';
const Age = 26;
Information = 'Meu nome é $ nome e eu sou $ Age anos de idade.';
console.log (informações);

Aqui usamos o $ assinar com o par de aparelhos encaracolados para incorporar as variáveis ​​em uma corda.

Saída:

Com a ajuda do modelo literal, realizamos interpolação de string, o que torna o código limpo, facilmente legível e compreensível.

Agora, você entendeu a clara diferença entre a concatenação da string e a interpolação de string. Vamos dar uma olhada nos exemplos de código de interpolação de string em diferentes cenários.

Como usar interpolação de string com declarações condicionais

O exemplo a seguir demonstra o uso de interpolação de string com declarações condicionais.

Código:

const x = 3;
console.log ('$ x é $ x%2 === 0 ? 'par ou ímpar'');

Aqui adicionamos um operador ternário para verificar se um número é par ou ímpar com a ajuda de interpolação de string.

Saída:

O código funcionou como esperávamos.

Como usar os operadores lógicos com interpolação de string

Também podemos usar operadores lógicos como &&, ||, ? com interpolação de string. No exemplo seguinte, estamos usando && operador com interpolação de string.

Código:

const idade = 20;
console.log ('você é $ idade> 10 e idade<18 ? 'a teenager':'an adult'');

Aqui verificamos se a pessoa é adulta ou adolescente com a ajuda do Operador && na interpolação de string.

Saída:

Com a ajuda do Operador e Operador Ternário em Interpolação de String, temos o resultado desejado.

Conclusão

A interpolação da string é um recurso muito útil e importante do ES6, que permite que seus usuários incorporem expressões, variáveis, strings e chamadas de função diretamente em uma string sem usar sequências de fuga, primitivas e concatenação.