Agregar objeto a el array en JavaScript
- Agregar elementos y objetos a un array mediante el operador de asignación en JavaScript
-
Agregar elementos y objetos a un array usando la función
push()
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.