Detaillierte Erläuterung der Methoden forEach, $.each und Map in JavaScript

In unserem vorherigen Artikel haben wir Ihnen eine detaillierte Erklärung der foreach-Anweisung in PHP sowie eine Einführung in die Verwendung von foreach und every vorgestellt. Deshalb stellen wir Ihnen heute orEach vor und $.each in JS und detaillierte Beschreibung der Kartenmethode!

forEach ist die grundlegendste der neuen Array-Methoden in ECMA5, nämlich Traversal und Looping. Beispielsweise entspricht das folgende Beispiel:

[1, 2 ,3, 4].forEach(alert);

dem folgenden for-Schleife

var array = [1, 2, 3, 4];
for (var k = 0, length = array.length; k < length; k++) {
 alert(array[k]);
}

Array in der neuen Methode von ES5. Die Parameter sind: Der Funktionstyp verfügt standardmäßig über übergebene Parameter. Der erste ist der durchquerte Array-Inhalt und der dritte ist das Array selbst.

Wir haben also:

[].forEach(function(value, index, array) {
  // ...
});

vs. $.each Methode in jQuery:

$.each([], function(index, value, array) {
  // ...
});

Sie werden feststellen, dass der erste und der zweite Parameter genau entgegengesetzt sind. Bitte achten Sie darauf und merken Sie sich diese nicht falsch. Dasselbe gilt später auch für ähnliche Methoden, etwa $.map.

var data=[1,3,4] ; 
var sum=0 ;
data.forEach(function(val,index,arr){
  console.log(arr[index]==val);  // ==> true
  sum+=val            
})
console.log(sum);          // ==> 8

Karte

Die Karte bedeutet hier nicht „Karte“, sondern „Kartierung“. [].map(); Die grundlegende Verwendung ähnelt der forEach-Methode:

array.map(callback,[ thisObject]);

Die Parameter des Rückrufs sind ebenfalls ähnlich:

[].map(function(value, index, array) {
  // ...
});

Die Funktion der Map-Methode ist Es ist nicht schwer zu verstehen, es handelt sich um eine „Zuordnung“, das heißt, das ursprüngliche Array wird in das entsprechende neue Array „abgebildet“. Im folgenden Beispiel wird das Quadrat eines numerischen Elements ermittelt:

var data=[1,3,4]

var Squares=data.map(function(val,index,arr){
  console.log(arr[index]==val);  // ==> true
  return val*val           
})
console.log(Squares);        // ==> [1, 9, 16]

Hinweis: Da forEach und map neue Array-Methoden in ECMA5 sind, unterstützen Browser unter IE9 dies noch nicht (den verdammten IE), aber Nun, Sie können den Array-Prototyp erweitern, um alle oben genannten Funktionen zu erreichen, z. B. die forEach-Methode:

if (typeof Array.prototype.forEach != "function") {
  Array.prototype.forEach = function() {
    /* 实现 */
  };
}

Zusammenfassung:

In diesem Artikel werden die Methoden forEach, $.each und map in JavaScript ausführlich vorgestellt. Sie können entsprechend Ihren eigenen Anforderungen wählen.
Verwandte Empfehlungen:

Eine kurze Einführung in foreach und every in JS

Detaillierte Erklärung der Foreach-Syntax in JavaScript

FOREACH in Javascript Beispiele für die Verwendung von Array-Methoden

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Methoden forEach, $.each und Map in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!