Neste artigo você vai aprender a como fazer interpolação de string em JavaScript, de uma form simples e prática, com recursos nativos
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!