Adicionar objeto a matriz em JavaScript
- Adicionar itens e objetos a um array usando o operador de atribuição em JavaScript
-
Adicionar itens e objetos a um array usando a função
push()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.
