Konvertieren Sie die Liste in JQuery in ein Array

Beim Schreiben von JavaScript-Code mit jQuery muss häufig eine Liste in ein Array konvertiert werden. In diesem Artikel erfahren Sie, wie Sie mit einigen Methoden in jQuery Listen in Arrays konvertieren, damit Sie diese besser verstehen und verwenden können.

1. Verwenden Sie die Kartenmethode von jQuery

Die Kartenmethode von jQuery kann jedes Element in einer Liste in einen neuen Wert konvertieren und diese neuen Werte dann in ein neues Array umwandeln und zurückgeben. Daher können wir die Map-Methode von jQuery verwenden, um eine Liste in ein Array umzuwandeln.

Der Beispielcode lautet wie folgt:

var list = $("ul li");  //获取 <ul> 元素中的所有 <li> 元素
var array = $.map(list, function(item) {
  return item.textContent;
});
console.log(array);

Im obigen Code verwenden wir zunächst die $()-Methode von jQuery, um eine Liste mit allen

-Elementen abzurufen und sie in der Variablenliste zu speichern. Anschließend verwenden wir die Map-Methode von jQuery, um jedes Element in der Liste zu durchlaufen und seinen Inhalt (textContent) als Elementwert im neuen Array zu verwenden. Zum Schluss drucken wir das neue Array auf der Konsole.

2. Verwenden Sie die Each-Methode von jQuery

Zusätzlich zur Verwendung der Map-Methode können wir auch die Each-Methode von jQuery verwenden, um die Liste in ein Array umzuwandeln. Die Each-Methode ist eine allgemeine Methode zum Durchlaufen von Arrays und Objekten. Diese Methode kann für jedes Datenelement den gleichen Vorgang ausführen. Im Gegensatz zur Map-Methode gibt die Each-Methode kein neues Array zurück, sondern speichert das Ergebnis der Datenverarbeitung im ursprünglichen Array.

Der Beispielcode lautet wie folgt:

var list = $("ul li");  //获取 <ul> 元素中的所有 <li> 元素
var array = [];  //创建一个空数组，用于存储处理后的结果
$.each(list, function(index, item) {
  array.push(item.textContent);
});
console.log(array);

Im obigen Code verwenden wir außerdem zunächst die $()-Methode von jQuery, um eine Liste mit allen

-Elementen zu erhalten und diese in der Variablenliste zu speichern. Anschließend erstellen wir ein leeres Array, um die verarbeiteten Ergebnisse zu speichern, und verwenden die Each-Methode, um jedes Element in der Liste zu durchlaufen und seinen Inhalt (textContent) in das Array einzufügen. Zum Schluss drucken wir das neue Array auf der Konsole.

3. Verwenden Sie die Array.from-Methode von JavaScript.

Sie können auch die Array.from-Methode von nativem JavaScript in jQuery verwenden, um eine Liste in ein Array zu konvertieren. Diese Methode konvertiert Array-ähnliche Objekte (z. B. DOM-Knotenlisten) oder iterierbare Objekte (z. B. Sets und Maps) in echte Arrays.

Der Beispielcode lautet wie folgt:

var list = $("ul li");  //获取 <ul> 元素中的所有 <li> 元素
var array = Array.from(list).map(function(item) {
  return item.textContent;
});
console.log(array);

Im obigen Code verwenden wir außerdem zunächst die $()-Methode von jQuery, um eine Liste mit allen

-Elementen zu erhalten und diese in der Variablenliste zu speichern. Anschließend verwenden wir die native JavaScript-Methode Array.from, um die Liste in ein Array zu konvertieren, und verwenden die Map-Methode, um das neue Array zu durchlaufen und es in ein Array umzuwandeln, das den Textinhalt jedes Elements enthält. Zum Schluss drucken wir das neue Array auf der Konsole.

Fazit

Durch die Einleitung dieses Artikels glaube ich, dass Sie verstanden haben, wie man eine Liste in jQuery in ein Array konvertiert. Es ist erwähnenswert, dass mit der Map-Methode und jeder Methode eine verfeinerte Verarbeitung jedes Elements in der Liste durchgeführt werden kann und mit der Array.from-Methode ein Array-ähnliches Objekt problemlos in ein echtes Array konvertiert werden kann. Daher kann die Auswahl der geeigneten Methode entsprechend den tatsächlichen Anforderungen die Effizienz und Lesbarkeit des Codes besser verbessern.

Das obige ist der detaillierte Inhalt vonKonvertieren Sie die Liste in JQuery in ein Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!