Elemente mit jQuery zum Array hinzufügen

Habdul Hazeez 12 Oktober 2023
  1. Verwenden Sie die .push()-Methode, um Array-Elemente hinzuzufügen
  2. Verwenden Sie die .merge()-Methode, um Array-Elemente hinzuzufügen
Elemente mit jQuery zum Array hinzufügen

Um Elemente zu einem Array in jQuery hinzuzufügen, können Sie die Methoden .push() und .merge() in jQuery verwenden. In diesem Artikel erfahren Sie anhand praktischer Codebeispiele, wie Sie beide Methoden verwenden.

Verwenden Sie die .push()-Methode, um Array-Elemente hinzuzufügen

In jQuery können Sie die Methode .push() verwenden, um Elemente zu einem Array hinzuzufügen. Wie der Name der Methode andeutet, wird das Element an das Ende des Arrays verschoben.

Das folgende Beispiel zeigt Ihnen, wie das geht; Darin haben wir ein leeres Array namens array_1. Anschließend verwenden Sie die Methode .push(), um dem Array zwei Zahlen hinzuzufügen.

$(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);
});

Ausgang:

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

Verwenden Sie die .merge()-Methode, um Array-Elemente hinzuzufügen

Die Methode .merge() nimmt zwei Arrays als Argumente und kombiniert sie zu einem einzigen Array. Damit können Sie zwei Arrays zu einem Array kombinieren, das Elemente aus beiden Arrays enthält.

Das folgende Beispiel zeigt Ihnen, wie es geht; Was folgt, ist die Ausgabe in der Konsole Ihres Webbrowsers.

$(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);
});

Ausgang:

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

Verwandter Artikel - jQuery Array