Neste artigo você vai aprender a como converter uma NodeList em array, utilizando apenas uma única linha de código.
Fala programador(a), beleza? Bora aprender mais sobre arrays!
Com a evolução da linguagem JavaScript, essa conversão ficou muito simples
Vamos precisar do objeto Array e do método from
Isso vai originar um array a partir de um determinado dado, é aí que vamos enviar nossa NodeList
Veja um exemplo prático:
const elementsArray = Array.from(elementsNodeList)
Aqui estamos criando uma constante que vai receber o resultado do método from, que é um array
Enviamos como parâmetro a este método a NodeList alvo, aqui chamei de elementsNodeList
Mas você deve adaptar os nomes das variáveis para o seu software
E assim você tem um array gerado a partir de uma NodeList!
Deixe um comentário contando o que achou desta solução 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
Neste artigo você aprendeu a como converter uma NodeList em array com JS
Utilizamos o objeto global Array, que é a origem de todos os arrays
Nele temos o método from, que cria um array a partir de um dado enviado como parâmetro
Nós enviamos a NodeList, que era exatamente o tipo de dado que precisávamos para converter em array
Note que os nomes das variáveis devem ser trocados para atender o seu código, os que usei não são obrigatórios
Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!