Welchen Nutzen hat die JavaScript forEach-Methode (diese Karte kann das nicht)?

Der einzige Unterschied, den ich in map und foreach sehe, ist dieser map gibt ein Array zurück und forEach ist nicht. Allerdings verstehe ich nicht einmal die letzte Zeile der forEach Methode “func.call(scope, this[i], i, this);“. Zum Beispiel ist nicht “this” und “scope” bezieht sich auf dasselbe Objekt und ist es nicht this[i] und i bezieht sich auf den aktuellen Wert in der Schleife?

Ich habe in einem anderen Beitrag bemerkt, dass jemand sagte: “Use forEach wenn Sie etwas auf der Grundlage jedes Elements der Liste tun möchten. Sie könnten beispielsweise Dinge zur Seite hinzufügen. Im Wesentlichen ist es großartig, wenn Sie “Nebenwirkungen” wollen. Ich weiß nicht, was mit Nebenwirkungen gemeint ist.

Array.prototype.map = function(fnc) {
    var a = new Array(this.length);
    for (var i = 0; i < this.length; i++) {
        a[i] = fnc(this[i]);
    }
    return a;
}

Array.prototype.forEach = function(func, scope) {
    scope = scope || this;
    for (var i = 0, l = this.length; i < l; i++) {
        func.call(scope, this[i], i, this);
    }
}

Gibt es schließlich noch andere Verwendungsmöglichkeiten für diese Methoden in JavaScript (da wir keine Datenbank aktualisieren), als Zahlen wie die folgenden zu manipulieren?

alert([1,2,3,4].map(function(x){ return x + 1})); // This is the only example I ever see of map in JavaScript.

Der wesentliche Unterschied zw map und forEach in deinem Beispiel ist das forEach arbeitet mit den ursprünglichen Array-Elementen, wohingegen map gibt als Ergebnis explizit ein neues Array zurück.

Mit forEach Sie unternehmen eine Aktion mit jedem Element im ursprünglichen Array und ändern es optional. Das forEach -Methode führt die Funktion aus, die Sie für jedes Element bereitstellen, gibt aber nichts zurück (undefined). Auf der anderen Seite, map geht durch das Array, wendet eine Funktion auf jedes Element an und gibt das Ergebnis als neues Array aus.

Die “Nebenwirkung” mit forEach ist, dass das ursprüngliche Array geändert wird. „Keine Nebenwirkung“ mit map bedeutet, dass im idiomatischen Sprachgebrauch die ursprünglichen Array-Elemente sind nicht geändert; Das neue Array ist eine Eins-zu-Eins-Zuordnung jedes Elements im ursprünglichen Array – die Zuordnungstransformation ist Ihre bereitgestellte Funktion.

Die Tatsache, dass keine Datenbank beteiligt ist, bedeutet nicht, dass Sie nicht mit Datenstrukturen operieren müssen, was schließlich eine der Essenzen der Programmierung in jeder Sprache ist. Was Ihre letzte Frage betrifft, kann Ihr Array nicht nur Zahlen, sondern auch Objekte, Zeichenfolgen, Funktionen usw. enthalten.

Der Hauptunterschied zwischen den beiden Methoden ist konzeptionell und stilistisch: Sie verwenden forEach wenn Sie etwas tun möchten zu oder mit jedes Element eines Arrays (doing “with” ist das, was der Beitrag, den Sie zitieren, mit “Nebenwirkungen” gemeint hat, denke ich), während Sie verwenden map wenn du willst kopieren und transformieren jedes Element eines Arrays (ohne das Original zu verändern).

Denn beides map und forEach Rufen Sie eine Funktion für jedes Element in einem Array auf, und diese Funktion ist benutzerdefiniert, es gibt fast nichts, was Sie mit dem einen und nicht mit dem anderen tun können. Es ist möglich, obwohl hässlich, zu verwenden map um ein Array direkt zu ändern und/oder etwas mit Array-Elementen zu tun:

var a = [{ val: 1 }, { val: 2 }, { val: 3 }];
a.map(function(el) {
    el.val++; // modify element in-place
    alert(el.val); // do something with each element
});
// a now contains [{ val: 2 }, { val: 3 }, { val: 4 }]

aber viel sauberer und offensichtlicher in Bezug auf Ihre Verwendungsabsicht forEach:

var a = [{ val: 1 }, { val: 2 }, { val: 3 }];
a.forEach(function(el) {
    el.val++;
    alert(el.val);
});

Vor allem, wenn, wie in der Realität üblich, el ist eine nützliche menschenlesbare Variable:

cats.forEach(function(cat) {
    cat.meow(); // nicer than cats[x].meow()
});

Auf die gleiche Weise können Sie problemlos verwenden forEach um ein neues Array zu erstellen:

var a = [1,2,3],
    b = [];
a.forEach(function(el) {
    b.push(el+1);
});
// b is now [2,3,4], a is unchanged

aber es ist sauberer zu verwenden map:

var a = [1,2,3],
    b = a.map(function(el) {
        return el+1;
    });

Beachten Sie auch das, weil map ein neues Array erstellt, wird es wahrscheinlich zumindest einige Leistungs- / Speichereinbußen geben, wenn Sie nur Iterationen benötigen, insbesondere bei großen Arrays – siehe http://jsperf.com/map-foreach

Warum Sie diese Funktionen verwenden sollten, sie sind jedes Mal hilfreich, wenn Sie Array-Manipulationen in JavaScript durchführen müssen, was (auch wenn wir nur über JavaScript in einer Browserumgebung sprechen) ziemlich oft, fast immer der Fall ist Sie greifen auf ein Array zu, das Sie nicht von Hand in Ihren Code schreiben. Möglicherweise haben Sie es mit einer Reihe von zu tun Dom Elemente auf der Seite oder Daten aus einer Ajax Anfrage oder vom Benutzer in ein Formular eingegebene Daten. Ein häufiges Beispiel, auf das ich stoße, ist das Abrufen von Daten aus einer externen API, die Sie möglicherweise verwenden möchten map um die Daten in das gewünschte Format umzuwandeln und dann zu verwenden forEach um über Ihr neues Array zu iterieren, um es Ihrem Benutzer anzuzeigen.

Die gewählte Antwort (von Ken Redler) ist irreführend.

EIN Nebeneffekt in der Informatik bedeutet, dass eine Eigenschaft einer Funktion/Methode einen globalen Zustand verändert [Wikipedia]. Im engeren Sinne kann dies auch das Lesen von einem globalen Zustand statt von Argumenten beinhalten. Im Imperativ oder OO-Programmierungtreten die meiste Zeit Nebenwirkungen auf. Und Sie nutzen es wahrscheinlich, ohne es zu merken.

Der wesentliche Unterschied zw forEach und map ist das map weist Speicher zu und speichert den Rückgabewert, während forEach wirft es weg. Sehen die ECMA-Spezifikation für mehr Informationen.

Als Grund, warum die Leute sagen forEach wird verwendet, wenn Sie einen Nebeneffekt wünschen, der der Rückgabewert von ist forEach ist immer undefined. Wenn es keine Nebenwirkung hat (den globalen Status nicht ändert), verschwendet die Funktion nur CPU-Zeit. Ein optimierender Compiler eliminiert diesen Codeblock und ersetzt ihn durch den endgültigen Wert (undefined).

Übrigens ist anzumerken, dass JavaScript keine Beschränkung auf Seiteneffekte hat. Sie können das ursprüngliche Array darin immer noch ändern map.

var a = [1,2,3]; //original
var b = a.map( function(x,i){a[i] = 2*x; return x+1} );
console.log("modified=%j\nnew array=%j",a,b);
// output:
// modified=[2,4,6]
// new array=[2,3,4]

Dies ist eine schöne Frage mit einer unerwarteten Antwort.

Das Folgende basiert auf der offizielle Beschreibung von Array.prototype.map().

Es gibt nichts das forEach() kann das tun map() kann nicht. Das ist, map() ist ein strikte Supermenge von forEach().

Obwohl map() wird normalerweise verwendet, um ein neues Array zu erstellen, es kann sein Auch verwendet werden, um das aktuelle Array zu ändern. Das folgende Beispiel verdeutlicht dies:

var a = [0, 1, 2, 3, 4], mapped = null;
mapped = a.map(function (x) { a[x] = x*x*x; return x*x; });
console.log(mapped); // logs [0, 1, 4, 9, 16]  As expected, these are squares.
console.log(a); // logs [0, 1, 8, 27, 64] These are cubes of the original array!!

Im obigen Beispiel a wurde bequem so eingestellt a[i] === i zum i < a.length. Trotzdem demonstriert es die Macht von map()und insbesondere seine Fähigkeit, das Array zu ändern, auf dem es aufgerufen wird.

Anmerkung 1:

Die offizielle Beschreibung impliziert dies map() kann sich sogar ändern Länge das Array, auf dem es aufgerufen wird! Ich sehe jedoch keinen (guten) Grund dafür.

Anmerkung 2:

Während map() map ist eine Obermenge von forEach(), forEach() sollte immer noch verwendet werden, wenn man die Änderung eines bestimmten Arrays wünscht. Dies macht Ihre Absichten klar.

Sie können verwenden map als wäre es forEach.

Es wird jedoch mehr tun, als es muss.

scope kann ein beliebiges Objekt sein; es ist keineswegs unbedingt this.

Ob es wirkliche Verwendungen für gibt map und forEachsowie um zu fragen, ob es wirkliche Verwendungen dafür gibt for oder while Schleifen.

Während alle vorherigen Fragen richtig sind, würde ich definitiv eine andere Unterscheidung treffen. Die Verwendung von map und forEach kann Absicht bedeuten.

benutze ich gerne map wenn ich die vorhandenen Daten einfach auf irgendeine Weise transformiere (aber sicherstellen möchte, dass die Originaldaten unverändert bleiben).

benutze ich gerne forEach wenn ich die Sammlung an Ort und Stelle ändere.

Zum Beispiel,

var b = [{ val: 1 }, { val: 2 }, { val: 3 }];
var c = b.map(function(el) {
    return { val: el.val + 1 }; // modify element in-place
});
console.log(b);
//  [{ val: 1 }, { val: 2 }, { val: 3 }]
console.log(c);
//  [{ val: 3 }, { val: 4 }, { val: 5 }]

Meine Faustregel lautet, darauf zu achten, wann Sie map Sie erstellen immer ein neues Objekt/einen neuen Wert, der für jedes Element der Quellliste und zurückgegeben werden soll Rückkehr es, anstatt nur eine Operation für jedes Element auszuführen.

Wenn Sie die vorhandene Liste nicht wirklich ändern müssen, ist es nicht wirklich sinnvoll, sie an Ort und Stelle zu ändern, und passt besser hinein funktionale/unveränderliche Programmierung Stile.

TL;DR-Antwort —

Karte gibt immer ein anderes Array zurück.

für jeden nicht. Es liegt an Ihnen, zu entscheiden, was es tut. Geben Sie ein Array zurück, wenn Sie möchten, oder tun Sie etwas anderes, wenn Sie dies nicht möchten.

Flexibilität ist in bestimmten Situationen wünschenswert. Wenn es nicht für das ist, womit Sie es zu tun haben, verwenden Sie es Karte.