Como adicionar objeto ao array em JavaScript
A maneira mais simples de adicionar um objeto ou qualquer outro tipo de elemento a um array JavaScript é a indexação. Você pode simplesmente atribuir o objeto a um índice do array e se já houver um item presente lá, ele será substituído pelo novo objeto:
deixe obj = { 'Nome' : 'João Doe' , 'Eu iria' : 3 } ;deixe arr = [ { 'Nome' : 'Richard Roe' , 'Eu iria' : 1 } , { 'Nome' : 'João Smith' , 'Eu iria' : dois } ] ;
arr [ dois ] = obj ;
console. registro ( arr ) ;
Este método é bastante fácil, mas é difícil saber os índices e o tamanho dos arrays, então temos que procurar outros métodos que possam ser usados para adicionar objetos aos arrays. Os métodos mais conhecidos, convenientes e fáceis de usar são Empurre() , unshift() e emenda() . Suas funcionalidades são ligeiramente diferentes, mas qualquer um desses métodos pode ser usado. Vejamos como eles são diferentes:
Método array.push()
O método array.push() pega elementos como parâmetros e os adiciona ao final do array e retorna o novo tamanho do array:
deixe obj = { 'Nome' : 'João Doe' , 'Eu iria' : 3 } ;
deixe arr = [ { 'Nome' : 'Richard Roe' , 'Eu iria' : 1 } , { 'Nome' : 'João Smith' , 'Eu iria' : dois } ] ;
arr. Empurre ( obj ) ;
console. registro ( arr ) ;
método array.unshift()
A função array.unshift() é o oposto do método push, pois adiciona elementos ao início do array. Semelhante ao método push, ele pode pegar um ou mais elementos como parâmetros e adicioná-los a um array:
deixe obj = { 'Nome' : 'Richard Roe' , 'Eu iria' : 1 } ;deixe arr = [ { 'Nome' : 'João Smith' , 'Eu iria' : dois } , { 'Nome' : 'João Doe' , 'Eu iria' : 3 } ] ;
arr. deslocar ( obj ) ;
console. registro ( arr ) ;
método array.splice()
O método array.splice() é um pouco diferente, pois pode ser usado para excluir e inserir elementos de um determinado índice. São necessários três argumentos, o índice, o número de elementos a serem excluídos e o novo elemento que deve ser adicionado:
deixe obj = { 'Nome' : 'João Doe' , 'Eu iria' : 3 } ;deixe arr = [ { 'Nome' : 'Richard Roe' , 'Eu iria' : 1 } , { 'Nome' : 'João Smith' , 'Eu iria' : dois } ] ;
arr. emendar ( dois , 0 , obj )
console. registro ( arr ) ;
Demos 0 como o segundo parâmetro, pois não queremos excluir nenhum elemento do array existente.
Métodos úteis adicionais
JavaScript também oferece muitos outros métodos úteis para manipular arrays, objetos e objetos presentes em arrays. O array.apply() e o array.concat() são duas dessas funções que podem ser úteis no nosso caso.
O método array.apply() pode ser usado para combinar o conteúdo de arrays. Portanto, se você tem dois arrays diferentes que contêm objetos e deseja adicionar os objetos de um array a outro, não precisa fazer isso manualmente um por um. Você pode simplesmente usar o método apply(). Além disso, se você precisar que um novo array seja formado a partir do conteúdo do array existente, então você pode usar a função concat().
Conclusão
Os métodos push, unshift e splice podem ser usados para adicionar objetos a arrays JavaScript. O método push adiciona objetos ao final, o método unshift adiciona objetos ao início e o método splice os adiciona em um determinado índice do array. Todos esses métodos foram amplamente explicados no guia acima.