Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung zur Verwendung von .map in jQuery

Ausführliche Erklärung zur Verwendung von .map in jQuery

黄舟
黄舟Original
2017-07-19 16:23:541169Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn