Como adicionar objeto ao array em JavaScript

Como Adicionar Objeto Ao Array Em Javascript



Como as matrizes JavaScript são redimensionadas automaticamente à medida que você adiciona itens a elas, você não precisa se preocupar com o fato de estarem cheias. A indexação pode ser usada para acessar facilmente qualquer item presente em uma matriz. JavaScript oferece vários métodos integrados que são ideais para adicionar itens a arrays. Neste guia detalhado de instruções, veremos os métodos que podem ser usados ​​para adicionar objetos a arrays em JavaScript.

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.