Como criar variável dinâmica em JavaScript

Neste artigo você vai aprender a como criar variável dinâmica em JavaScript, ou seja, por meio de uma string definir o nome de uma variável

Fala programador(a), beleza? Bora aprender a criar variável de forma dinâmica com JS!

Em outras linguagens temos acesso mais fácil a esse recurso

Já em JavaScript precisamos adicionar a variável diretamente ao objeto global window

Desta maneira podemos utilizar um nome dinâmico, da mesma forma que podemos fazer com propriedades dinâmicas em objetos

Veja um exemplo:

const varName = "name"

window[varName] = "Matheus"

console.log(name) // Matheus

Não é uma estratégia muito elegante, mas devemos lembrar que todas as variáveis ficam em window

Então apenas estamos nos aproveitando de um recurso da linguagem para criar a nossa inocente variável dinâmica 🙂

Há uma outra estratégia utilizando o eval, porém eu não a recomendo

O eval muitas vezes pode trazer comportamentos inesperados ao nosso código, aconselho você a procurar um pouco sobre

Esta alternativa da window é muito mais segura

Conclusão

No artigo de hoje você viu como criar variável dinâmica em JavaScript

Utilizamos um objeto chamado window, onde inserimos nossa variável de forma dinâmica

Utilizando a notação de colchetes e uma string para ser seu nome

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