Agregar objeto a el array en JavaScript

Ammar Ali 12 octubre 2023
  1. Agregar elementos y objetos a un array mediante el operador de asignación en JavaScript
  2. Agregar elementos y objetos a un array usando la función push() en JavaScript
Agregar objeto a el array en JavaScript

Este tutorial discutirá cómo agregar elementos y objetos a un array usando el operador de asignación y la función push() en JavaScript.

Agregar elementos y objetos a un array mediante el operador de asignación en JavaScript

Para agregar elementos y objetos a un array, puede usar el operador de asignación en JavaScript. Debe usar el índice para definir la posición dentro del array donde desea colocar el elemento u objeto. Si un artículo existente ya ocupa el índice definido, el artículo será reemplazado por el nuevo artículo u objeto. Por ejemplo, creemos un array con tres valores y agreguemos un elemento al final del array usando el operador de asignación. Vea el código a continuación.

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

Producción :

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

En el código anterior, agregamos el elemento four en el índice 3 de myArray. También puede reemplazar los elementos presentes en el array usando su índice. Ahora agreguemos un objeto a un array. Vea el código a continuación.

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

Producción :

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

En el código anterior, agregamos un objeto de array myArray2 a un array myArray en el índice 3. Puede agregar objetos de cualquier tipo de datos a un array utilizando el operador de asignación.

Agregar elementos y objetos a un array usando la función push() en JavaScript

Para agregar elementos y objetos a un array, puede usar la función push() en JavaScript. La función push() agrega un elemento u objeto al final de un array. Por ejemplo, creemos un array con tres valores y agreguemos un elemento al final del array usando la función push(). Vea el código a continuación.

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

Producción :

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

En el código anterior, agregamos el elemento four al final de myArray. Ahora agreguemos un objeto a un array usando la función push(). Vea el código a continuación.

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

Producción :

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

En el código anterior, agregamos un objeto de array myArray2 a un array myArray al final. Puede agregar objetos de cualquier tipo de datos a un array usando la función push(). También puede agregar varios valores a un array agregándolos en la función push() separados por una coma. Para agregar los elementos u objetos al principio del array, podemos usar la función unshift(). Por ejemplo, agreguemos el elemento four al comienzo del array myArray. Vea el código a continuación.

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

Producción :

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

Como puede ver en la salida, el elemento four se agrega al comienzo del array. En lugar de agregar un objeto de array, puede agregar todos sus elementos usando la función push.apply(). Por ejemplo, agreguemos los elementos presentes en un array a la otra matriz. Vea el código a continuación.

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

Producción :

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

Como puede ver en la salida, los dos elementos presentes en myArray2 se han agregado a myArray. También puede concatenar dos matrices para hacer otra matriz usando la función concat(). Por ejemplo, creemos un array concatenando dos matrices existentes usando la función concat(). Vea el código a continuación.

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

Producción :

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

Puede cambiar el orden de los elementos presentes en myArray3 cambiando el orden de concatenación.

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

Artículo relacionado - JavaScript Array