Heim > Artikel > Web-Frontend > Ausführliche Erklärung zur Verwendung von .map in jQuery
jQuery.map verwendet die Methode
jQuery.map(array,callback)
, um Elemente in einem Array in ein anderes Array zu konvertieren.
Die Konvertierungsfunktion wird als Parameter für jedes Array-Element aufgerufen und der Konvertierungsfunktion wird ein Parameter übergeben, der das konvertierte Element darstellt. Die Konvertierungsfunktion kann den konvertierten Wert null (Entfernen des Elements aus dem Array) oder ein Array zurückgeben, das den in das ursprüngliche Array erweiterten Wert enthält.
---------------- ------ ------------------------------------
Translate all items in an array to another array of items. The translation function that is provided to this method is called for each item in the array and is passed one argument: The item to be translated. The function can then return the translated value, 'null' (to remove the item), or an array of values - which will be flattened into the full array.
Rückgabewert
Array
Parameter
Array (Array): Zu konvertierendes Array.
Rückruf (Funktion): Wird für jedes Array-Element aufgerufen und der Konvertierungsfunktion wird ein Element übergeben, das das konvertierte Element als Parameter darstellt. Funktionen können jeden Wert zurückgeben. Alternativ kann diese Funktion auf eine Zeichenfolge festgelegt werden. Wenn sie auf eine Zeichenfolge festgelegt wird, wird sie als „Lambda-Form“ (Kurzform?) behandelt, wobei a ein Array-Element darstellt. Beispielsweise steht „a * a“ für „function(a){ return a * a; }“.
Beispiel
Konvertieren Sie jedes Element im ursprünglichen Array in ein neues Array, indem Sie 4 hinzufügen.
jQuery-Code:
$.map( [0,1,2], function(n){ return n + 4; });
Ergebnis:
[4, 5, 6]
----------------- - ------------------------------------------------- - -----------
Füge 1 zu Elementen hinzu, die im ursprünglichen Array größer als 0 sind, andernfalls lösche sie.
jQuery-Code:
$.map( [0,1,2], function(n){ return n > 0 ? n + 1 : null; });
Ergebnis:
[2, 3]
----------------- - ------------------------------------------------- - -----------
Jedes Element im ursprünglichen Array wird zu einem Array erweitert, das sich selbst und seinen Wert plus 1 enthält, und in ein neues Array konvertiert.
jQuery-Code:
$.map( [0,1,2], function(n){ return [ n, n + 1 ]; });
Ergebnis:
[0, 1, 1, 2, 2, 3]
Filtern Sie die Elemente im Array, die kleiner als 0 sind.
HTML-Code:
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
jQuery-Code:
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Ergebnis:
Fourth Third Second First
Filtern Sie Elemente kleiner als 0 im Array.
HTML-Code:
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
jQuery-Code:
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Ergebnis:
Fourth Third Second First
Filtern Sie Elemente kleiner als 0 im Array.
HTML-Code:
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
jQuery-Code:
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Ergebnis:
Fourth Third Second First
Anhang: Filterelemente kleiner als 0 im Array.
HTML-Code:
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
jQuery-Code:
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Ergebnis:
Fourth Third Second First
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Verwendung von .map in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!