Como converter uma NodeList em array com JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 114 aulas
• 4 projetos
• 9h 15min

Conhecer formação

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!