Heim > Web-Frontend > Front-End-Fragen und Antworten > So konvertieren Sie eine Karte in ein String-Array in JQuery (zwei Methoden)

So konvertieren Sie eine Karte in ein String-Array in JQuery (zwei Methoden)

PHPz
Freigeben: 2023-04-10 09:56:36
Original
1040 Leute haben es durchsucht

jQuery bietet zwei Methoden zum Konvertieren einer Karte in ein String-Array: jQuery.map() und Array.prototype.map(). Nachfolgend finden Sie deren Verwendung und Beispiele.

  1. Verwenden Sie die Methode jQuery.map()

jQuery.map(), um ein Array oder Objekt in ein anderes Array zu konvertieren. Es wendet eine Callback-Funktion auf jedes Element des ursprünglichen Arrays an und erstellt ein neues Array unter Verwendung der von der Callback-Funktion zurückgegebenen Inhalte.

Beispiel:

var obj = {one:1, two:2, three:3, four:4, five:5};

var arr = jQuery.map(obj, function(val, key){
   return [key, val];
});

console.log(arr); // [["one",1], ["two",2], ["three",3], ["four",4], ["five",5]]
Nach dem Login kopieren

Im obigen Beispiel konvertieren wir ein Objekt in ein Array, das aus einem Array von Schlüssel-Wert-Paaren besteht. Die Callback-Funktion akzeptiert zwei Parameter, der erste Parameter ist der Wert und der zweite Parameter ist der Schlüssel. Wir kombinieren sie, um ein Array zurückzugeben, und sammeln sie, um ein neues Array zu erstellen.

  1. Verwenden Sie Array.prototype.map()

Die Methode Array.prototype.map() ähnelt der jQuery.map() Methode konvertiert auch ein Array in ein anderes, aber es ist eine Methode im Array-Prototyp, nicht die Methode von jQuery.

Beispiel:

var arr = [1,2,3,4,5];

var newArr = arr.map(function(val){
   return val * 2;
});

console.log(newArr); // [2, 4, 6, 8, 10]
Nach dem Login kopieren

In diesem Beispiel konvertieren wir ein Array von Zahlen in ein neues Array. Jedes Element im neuen Array ist doppelt so groß wie das entsprechende Element im ursprünglichen Array . Mal.

Zusammenfassung

Verwenden Sie jQuery.map() oder Array.prototype.map(), um eine Karte in ein String-Array zu konvertieren. Ihre Verwendung ist ähnlich, außer dass es sich bei einer um eine jQuery-Methode und bei der anderen um eine Array-Prototypmethode handelt. Sie können je nach Situation die geeignete Methode wählen.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie eine Karte in ein String-Array in JQuery (zwei Methoden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage