Como clonar um array de objetos em JavaScript

Neste artigo você vai aprender a como clonar um array de objetos em JavaScript, através de uma abordagem super simples

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

Para resolver esta questão vamos utilizar o Spred Operator

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Um recurso da versão ES6 de JavaScript, que é caracterizado pelos …

Com ele conseguimos transferir integralmente todos os elementos de um array para outro, por exemplo

Veja na prática o que foi explicado acima:

const userArray = [
 {id: 1, name: "Matheus"}, 
 {id:2, name: "Pedro"}
]

const cloneArray = [...userArray]

console.log(cloneArray)

Criamos o userArray que é o nosso array original com objetos

E depois atribuimos ele a cloneArray, porém utilizando a sintaxe com o spread operator

Isso gera um novo array com objetos, idêntico ao primeiro conjunto, simples não é? 🙂

Conclusão

Neste artigo você viu como clonar um array de objetos em JavaScript

Utilizamos uma abordagem com o Spread Operator, recurso da versão ES6 de JS

Com ele é possível clonar um array facilmente

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!