Adicionar objeto a matriz em JavaScript

Ammar Ali 12 outubro 2023
  1. Adicionar itens e objetos a um array usando o operador de atribuição em JavaScript
  2. Adicionar itens e objetos a um array usando a função push() em JavaScript
Adicionar objeto a matriz em JavaScript

Este tutorial irá discutir a adição de itens e objetos a um array usando o operador de atribuição e a função push() em JavaScript.

Adicionar itens e objetos a um array usando o operador de atribuição em JavaScript

Para adicionar itens e objetos a um array, você pode usar o operador de atribuição em JavaScript. Você deve usar o índice para definir a posição dentro do array onde deseja colocar o item ou objeto. Se um item existente já ocupa o índice definido, o item será substituído pelo novo item ou objeto. Por exemplo, vamos criar um array com três valores e adicionar um item no final do array usando o operador de atribuição. Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
myArray[3] = 'four';
console.log(myArray)

Resultado:

["one", "two", "three", "four"]

No código acima, adicionamos o item four no índice 3 do myArray. Você também pode substituir os itens presentes na matriz usando seu índice. Agora vamos adicionar um objeto a um array. Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray[3] = myArray2;
console.log(myArray)

Resultado:

 ["one", "two", "three", Array(2)]

No código acima, adicionamos um objeto de array myArray2 a um array myArray no índice 3. Você pode adicionar objetos de qualquer tipo de dados a um array usando o operador de atribuição.

Adicionar itens e objetos a um array usando a função push() em JavaScript

Para adicionar itens e objetos a um array, você pode usar a função push() em JavaScript. A função push() adiciona um item ou objeto no final de um array. Por exemplo, vamos criar um array com três valores e adicionar um item no final do array usando a função push(). Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
myArray.push('four');
console.log(myArray)

Resultado:

["one", "two", "three", "four"]

No código acima, adicionamos o item four no final do myArray. Agora vamos adicionar um objeto a um array usando a função push(). Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push(myArray2);
console.log(myArray)

Resultado:

 ["one", "two", "three", Array(2)]

No código acima, adicionamos um objeto array myArray2 a um array myArray no final. Você pode adicionar objetos de qualquer tipo de dados a um array usando a função push(). Você também pode adicionar vários valores a um array, adicionando-os na função push() separados por uma vírgula. Para adicionar os itens ou objetos no início do array, podemos usar a função unshift(). Por exemplo, vamos adicionar o item four no início do array myArray. Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
myArray.unshift('four');
console.log(myArray)

Resultado:

["four", "one", "two", "three"]

Como você pode ver na saída, o item four é adicionado no início do array. Em vez de adicionar um objeto de array, você pode adicionar todos os seus itens usando a função push.apply(). Por exemplo, vamos adicionar os itens presentes em um array à outra. Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push.apply(myArray, myArray2);
console.log(myArray)

Resultado:

["one", "two", "three", "four", "five"]

Como você pode ver na saída, os dois itens presentes no myArray2 foram adicionados ao myArray. Você também pode concatenar dois arrays para fazer outro array usando a função concat(). Por exemplo, vamos criar um array concatenando dois arrays existentes usando a função concat(). Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five'];
var myArray3 = myArray.concat(myArray2);;
console.log(myArray3)

Resultado:

["four", "five", "one", "two", "three"]

Você pode alterar a ordem dos itens presentes em myArray3 alterando a ordem de concatenação.

Autor: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Artigo relacionado - JavaScript Array