Neste artigo você vai aprender a como fazer interpolação de string em JavaScript, de uma form simples e prática, com recursos nativos

interpolação de string em JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre strings e JavaScript!

Antigamente tínhamos apenas o recurso de concateção de strings, que é feito com símbolo +

Porém em diversas linguagens há a interpolação, que é onde as variáveis ficam entre as strings

Como se estivessem escritas ali, sem separações

Na versão ES6 de JS foi inserida uma funcionalidade chamada de template literals ou template strings

Onde conseguimos realizar a interpolação, veja o código na prática:

const nome = "Matheus"
const idade = 30;

const frase = `O nome dele é ${nome} e ele tem ${idade} anos`;

console.log(frase); // "O nome dele é Matheus e ele tem 30 anos"

A sintaxe é formada por uma string entre crases (`)

As variáveis precisam ser inseridas com um sifrão ($) e entre chaves ({nome})

Esta é a sintaxe completa para você utilizar a interpolação

Conseguimos aplicar quantas variáveis forem preciso, elas são convertidas para texto

Conclusão

Neste artigo você aprendeu a como realizar uma interpolação de string em JavaScript

Utilizamos o recurso chamado template literals, que veio com a versão ES6 da JavaScript

A sintaxe é um pouco diferente das strings normais de JS, mas com um pouco de treino conseguimos gravá-la

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments