Cómo agregar objeto a la matriz en JavaScript

Como las matrices JavaScript cambian automáticamente a medida que agrega elementos a ellas, 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 incorporados que son ideales para agregar elementos a las matrices. En esta guía de instrucción detallada, revisaremos los métodos que se pueden usar para agregar objetos a las matrices en JavaScript.

Cómo agregar objeto a la matriz en JavaScript

La forma más sencilla de un objeto o cualquier otro tipo de elemento se puede agregar a una matriz de JavaScript está indexando. Puede asignar el objeto a un índice de la matriz y si ya hay un elemento presente allí, entonces será reemplazado por el nuevo objeto:

Sea obj = "nombre": "John Doe", "id": 3;
Sea arr = ["nombre": "Richard Roe", "id": 1, "Nombre": "John Smith", "id": 2];
arr [2] = obj;
consola.log (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 tenemos que 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(), Unchift () y empalme(). Sus funcionalidades son ligeramente diferentes, pero cualquiera de estos métodos se puede usar. Echemos un vistazo a cómo son diferentes:

formación.Método Push ()

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

Sea obj = "nombre": "John Doe", "id": 3;
Sea arr = ["nombre": "Richard Roe", "id": 1, "Nombre": "John Smith", "id": 2];
arrugado.empuje (obj);
consola.log (arr);

formación.método unshift ()

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

Sea obj = "nombre": "Richard Roe", "id": 1;
Sea arr = ["nombre": "John Smith", "id": 2, "nombre": "John Doe", "id": 3];
arrugado.Deshift (obj);
consola.log (arr);

formación.método de empalme ()

La matriz.El método Splice () es un poco diferente, ya que puede usarse para eliminar e insertar elementos de un índice dado. Se necesitan tres argumentos, el índice, no de elementos para eliminar y el nuevo elemento que se debe agregar:

Sea obj = "nombre": "John Doe", "id": 3;
Sea arr = ["nombre": "Richard Roe", "id": 1, "Nombre": "John Smith", "id": 2];
arrugado.empalme (2, 0, obj)
consola.log (arr);

Hemos dado 0 como el segundo parámetro ya que 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 matrices, objetos y objetos presentes dentro de las matrices. La matriz.aplicar () y la matriz.concat () son dos de esas funciones que podrían ser útiles en nuestro caso.

La matriz.El método aplicar () se puede usar para combinar el contenido de las matrices. Entonces, 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. Puede usar el método Aplicar (). 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 de empuje, desagüe y empalme se pueden usar para agregar objetos a las matrices de JavaScript. El método de push agrega objetos al final, el método de desplazamiento agrega objetos al inicio y el método de empalme los agrega a un índice dado de la matriz. Todos estos métodos se han explicado ampliamente en la guía anterior.