For-Schleife funktioniert nicht im Array (Javascript, Angular 2)

Question

Ich habe ein Array, das Kameras Spezifikationen enthält, tritt das Problem auf, wenn ich versuche, eine for-Schleife, um die Elemente zu erhalten. Hier

ist der Inhalt meiner Array:

habe ich versucht, alle verschiedenen Arten von für Loops wie forEach, Basic for-Schleife mit Inkrementierung oder für (let item of myArray)

For-Schleife doesn‘ t run und ich habe keine Rückgabe des Elements im Array.

for (let id in elements) { 

     if (typeof elements[id].brands !== 'undefined') { 

     delete this.items; 

     let itemsArray = []; 

     for (let elementData of elements[id].brands) { 

      this.http.get("assets/data/" + elementData + "Reflex.json").map(res => res.json()).subscribe(data => { 

      Array.prototype.push.apply(itemsArray, data); 

      }); 

     } 

     this.items = itemsArray; 

     } 

     if (typeof elements[id].sensorSize !== 'undefined') { 


     } 

    } 

(this.items ist das Array, das Sie auf der Oberseite sehen kann (ich benutze Angular2)).

Answer 1

Probieren Sie diesen Code aus, er wird das Array selbst durchlaufen und alle Objekte als Objekte in der Inline-Funktion zurückgeben.

this.items.forEach(function (item) 
{ 
item.xxx=11; 
}); 

Answer 2

Dieser Aufruf ist die problem.It asynchrone ist.

Die for-Schleife wartet nicht auf die Antwort, um Daten in itemArray zu schieben. Eine grobe Art und Weise das Array zu bekommen ist:

 this.http.get("assets/data/" + elementData + "Reflex.json").map(res => res.json()).subscribe(data => { 

     Array.prototype.push.apply(this.items, data);//make sure this.items is set to empty previous to call 

     });