Cómo agregar un objeto a una matriz en JavaScript

Como Agregar Un Objeto A Una Matriz En Javascript



Como las matrices de JavaScript cambian de tamaño automáticamente a medida que les agrega elementos, no tiene que preocuparse de que estén llenas. La indexación se puede utilizar para acceder fácilmente a cualquier elemento presente dentro de una matriz. JavaScript ofrece varios métodos integrados que son ideales para agregar elementos a las matrices. En esta guía práctica detallada, repasaremos los métodos que se pueden usar para agregar objetos a matrices en JavaScript.

Cómo agregar un objeto a una matriz en JavaScript

La forma más sencilla de agregar un objeto o cualquier otro tipo de elemento a una matriz de JavaScript es la indexación. Simplemente puede asignar el objeto a un índice de la matriz y, si ya hay un elemento presente allí, será reemplazado por el nuevo objeto:

dejar obj = { 'Nombre' : 'Juan Doe' , 'identificación' : 3 } ;

dejar arr = [ { 'Nombre' : 'Richard Roe' , 'identificación' : 1 } , { 'Nombre' : 'John Smith' , 'identificación' : 2 } ] ;

Arr [ 2 ] = objeto ;

consola. Iniciar sesión ( Arr ) ;







Este método es bastante fácil, pero es difícil conocer los índices y el tamaño de las matrices, por lo que debemos buscar otros métodos que puedan usarse para agregar objetos a las matrices. Los métodos más conocidos, convenientes y fáciles de usar son empujar() , anular desplazamiento() y empalme() . Sus funcionalidades son ligeramente diferentes, pero se puede utilizar cualquiera de estos métodos. Echemos un vistazo a cómo estos son diferentes:



Método array.push()

El método array.push() toma elementos como parámetros y los agrega al final de la matriz y devuelve el nuevo tamaño de la matriz:



dejar obj = { 'Nombre' : 'Juan Doe' , 'identificación' : 3 } ;

dejar arr = [ { 'Nombre' : 'Richard Roe' , 'identificación' : 1 } , { 'Nombre' : 'John Smith' , 'identificación' : 2 } ] ;

arreglo empujar ( objeto ) ;

consola. Iniciar sesión ( Arr ) ;





Método array.unshift()

La función array.unshift() es lo opuesto al método push ya que agrega elementos al comienzo de la matriz. Similar al método push, puede tomar uno o más elementos como parámetros y agregarlos a una matriz:

dejar obj = { 'Nombre' : 'Richard Roe' , 'identificación' : 1 } ;

dejar arr = [ { 'Nombre' : 'John Smith' , 'identificación' : 2 } , { 'Nombre' : 'Juan Doe' , 'identificación' : 3 } ] ;

arreglo desarmar ( objeto ) ;

consola. Iniciar sesión ( Arr ) ;



Método array.splice()

El método array.splice() es un poco diferente, ya que se puede usar tanto para eliminar como para insertar elementos de un índice determinado. Se necesitan tres argumentos, el índice, el número de elementos a eliminar y el nuevo elemento que se agregará:

dejar obj = { 'Nombre' : 'Juan Doe' , 'identificación' : 3 } ;

dejar arr = [ { 'Nombre' : 'Richard Roe' , 'identificación' : 1 } , { 'Nombre' : 'John Smith' , 'identificación' : 2 } ] ;

arreglo empalme ( 2 , 0 , objeto )

consola. Iniciar sesión ( Arr ) ;

Hemos dado 0 como segundo parámetro porque no queremos eliminar ningún elemento de la matriz existente.

Métodos útiles adicionales

JavaScript también ofrece muchos otros métodos útiles para manipular arreglos, objetos y objetos presentes dentro de los arreglos. array.apply() y array.concat() son dos de esas funciones que podrían ser útiles en nuestro caso.

El método array.apply() se puede usar para combinar el contenido de los arreglos. Por lo tanto, si tiene dos matrices diferentes que contienen objetos y desea agregar los objetos de una matriz a otra, no tiene que hacerlo manualmente uno por uno. Simplemente puede usar el método apply(). Además, si necesita que se forme una nueva matriz a partir del contenido de la matriz existente, puede usar la función concat().

Conclusión

Los métodos push, unshift y splice se pueden usar para agregar objetos a las matrices de JavaScript. El método push agrega objetos al final, el método unshift agrega objetos al inicio y el método splice los agrega en un índice dado de la matriz. Todos estos métodos se han explicado ampliamente en la guía anterior.