Javascript String Interpolation | Explicado

Em JavaScript, o conceito de interpolação de string permite adicionar variáveis ​​ou expressões a uma string. A interpolação pode ser realizada em cordas criadas usando o modelo literal. O objetivo da interpolação da string é adicionar várias variáveis ​​ou expressões dentro de uma string de maneira livre de erros.

O fenômeno parece uma concatenação, mas difere em aplicação e vantagens. Mantendo a importância da interpolação, este guia serve os seguintes resultados de aprendizado.

1. Por que interpolação de string?
2. Como fazer uma interpolação de string no JavaScript

Por que interpolação de string?

Você pode estar pensando que a concatenação de string pode ser usada para realizar a tarefa que a interpolação da string faz, então por que a interpolação é realizada?

A concatenação usual de string permite adicionar variáveis/expressões a uma string. Para fazer isso, você deve adicionar/remover as aspas com frequência, como mostrado na imagem a seguir.

Como mostra a imagem acima, há uma expressão complexa que está sendo realizada para usar várias variáveis ​​que podem resultar em cometer um erro. Para evitar esse cenário, a interpolação da string é bastante útil em tal situação.

Como fazer uma interpolação de string no JavaScript

Antes de entrar nos exemplos, vamos entender como a interpolação da string é realizada em javascript. Existem várias maneiras de criar uma string no JavaScript usando as citações únicas/duplas ou criando um modelo literal (usando o backquote (')). A interpolação pode ser realizada em cordas criadas usando o backquote (').

A sintaxe a seguir refere -se à interpolação da string.

'A string está sendo interpolada $ Expression'

O $ expressão indica que o valor da expressão/variável seria incorporado a essa string.

Vamos praticar alguns exemplos para entender melhor o conceito de interpolação de string.

Exemplo 1

O código a seguir faz uso da interpolação da string para incorporar várias variáveis ​​em uma string.

var Age = 30; var name = "David";
var post = "Autor"
var str = 'O nome de $ post é $ nome e tem $ idade anos'
console.log (str);

No código acima, duas cordas e uma variável inteira são criadas. Essas variáveis ​​são usadas na string nomeada "STR" usando o conceito de interpolação. Por fim, a sequência interpolada é impressa no console.

Saída

A saída mostra que os valores das variáveis "Idade", "Nome" e "Post" são incorporados com sucesso na corda "STR" usando a interpolação da string.

Exemplo 2

Este exemplo verifica se uma interpolação de string funciona em strings com citações únicas/duplas.

var name = "David"; var post = "autor"
console.log ("o nome de $ post é $ name");
console.log ('o nome de $ post é $ name');

O código acima tenta usar o conceito de interpolação em strings de uma única/dupla citação.

Saída

A saída mostra que a sequência que exerceu o fenômeno de interpolação é impresso como é. O valor das variáveis ​​não é buscado porque as citações únicas/duplas as imprimem como elas foram usadas.

Conclusão

A interpolação da string permite adicionar os valores de variáveis/expressões em uma string. A interpolação é bastante útil e fácil de executar em comparação com o conceito de concatenação. Esta postagem fornece um guia detalhado sobre interpolação de strings em JavaScript. Para um breve guia, demonstramos um conjunto de exemplos que ilustram como as expressões podem ser incorporadas em strings. Por fim, conclui -se que os literais de modelo podem incorporar as expressões dentro deles, enquanto as citações únicas/duplas precisam exercer concatenação para realizar a mesma tarefa.