Nur letzte Iteration dem Objekt zuweisen

Question

Beim Versuch, mein neues Objekt mit eindeutigen numerischen Werten basierend auf der aktuellen Iteration meiner for-Schleife zu initialisieren, habe ich festgestellt, dass nur der letzte numerische Wert zugewiesen wird. Zum Beispiel, wenn der Zähler der Schleife bei 12 stoppen soll, erwarte ich, dass 12 Objekte von der Variablen ausgeloggt werden, stattdessen werde ich nur die zwölfte Iteration protokolliert bekommen. Ich habe versucht, es in einen Verschluss zu wickeln, und immer noch kein Glück. Ich logge die 12 Objekte innerhalb der Schleife aus, kein Problem, aber wenn außerhalb der Schließung, ist nur die letzte Iteration verfügbar.

Bearbeiten: Um einen besseren Überblick zu geben, hier ist mein Link auf Heroku meines Projekts. Grundsätzlich möchte ich in meinem Textfeld "40" eingeben, dann nehme ich diese 40 auf, setze sie auf meinen this.state.text, benutze diese als meine Kontrollvariable in meiner Schleife und erstelle 40 Pferde auf dem Bildschirm. Um nicht die aktuellen Pferde auf dem Bildschirm zu verlieren, versuche ich, ein neues Objekt (StudentsNew) zu erstellen und dann eine flache Zusammenführung durchzuführen.

http://aqueous-tor-94316.herokuapp.com/

var StudentsNew; 
    for(var i = 0; i <= this.state.text; i++){ 
     (function(index){ 
      StudentsNew = { [index]:{ left: 100, top: 100 } }; 
     })(i); 
    } 
    console.log(StudentsNew); 

Answer 1

Ich glaube, ich sehe, was Sie tun möchten:

var StudentsNew = {}; 
for(var i = 0; i <= this.state.text; i++){ 
    StudentsNew[i] = {left: 100, top: 100}; 
} 
console.log(JSON.stringify(StudentsNew)); 

Ausgang:

{ "0": { "links": 100, "top" : 100}, "1": {"links": 100, "top": 100}, "2": {"links": 100, "oben": 100}, "3": {"links": 100 , "top": 100}, "4": {"links": 100, "oben": 100}, "5": {"links": 100, "oben": 100}, "6": {" links ": 100," oben ": 100}," 7 ": {" links ": 100," oben ": 100}," 8 ": {" links ": 100," oben ": 100}," 9 ": {" links ": 100," oben ": 100}," 10 ": {" links ": 100," oben ": 100}," 11 ": {" links ": 100," oben ": 100}," 12 ": {" links ": 100," top ": 100}}