Agregar elementos a la matriz usando jQuery

Habdul Hazeez 12 octubre 2023
  1. Use el método .push() para agregar elementos de matriz
  2. Use el método .merge() para agregar elementos de matriz
Agregar elementos a la matriz usando jQuery

Para agregar elementos a una matriz en jQuery, puede usar los métodos .push() y .merge() en jQuery. Este artículo le enseña cómo usar ambos métodos usando ejemplos prácticos de código.

Use el método .push() para agregar elementos de matriz

En jQuery, puede usar el método .push() para agregar elementos a una matriz. Como implica el nombre del método, empujará el elemento hasta el final de la matriz.

El siguiente ejemplo le muestra cómo hacer esto; en él tenemos un array vacío llamado array_1. Luego, usará el método .push() para agregar dos números a la matriz.

$(document).ready(function() {
  let array_1 = [];
  console.log('The array before adding new elements: ', array_1);
  // Push elements into the array using the
  // push method.
  array_1.push('23', '22');
  console.log('The array after adding new elements: ', array_1);
});

Producción :

The array before adding new elements: Array []
The array after adding new elements: Array [ "23", "22" ]

Use el método .merge() para agregar elementos de matriz

El método .merge() toma dos matrices como argumentos y las combina en una sola matriz. Con esto, puede combinar dos matrices en una matriz que contenga elementos de ambas matrices.

El siguiente ejemplo le muestra cómo hacerlo; lo que sigue es el resultado en la consola de su navegador web.

$(document).ready(function() {
  let first_array = [9, 3, 6, 8];
  console.log('The array before addition: ', first_array)
  let second_array = [23, 12];

  // Merge the first and second arrays using
  // the merge function in jQuery
  $.merge(first_array, second_array);
  console.log('The array after addition: ', first_array);
});

Producción :

The array before addition: Array(4) [ 9, 3, 6, 8 ]
The array after addition: Array(6) [ 9, 3, 6, 8, 23, 12 ]
Habdul Hazeez avatar Habdul Hazeez avatar

Habdul Hazeez is a technical writer with amazing research skills. He can connect the dots, and make sense of data that are scattered across different media.

LinkedIn

Artículo relacionado - jQuery Array