Typescript Anfügen vorhandener Daten von http Überschreiben eines vorhandenen Objekts

Question

Dies ist eine Frage einer Erweiterung einer zuvor gestellten Frage. Ich habe Daten in der ngOnInit siehe unten und diese Felder sind nicht das gleiche wie das Markers-Objekt.

Daten aus http get in meinem data.service.ts Anhängen an

items:any = []; 

ngOnInit() { 
    this.dataService.fetchData(this.slug) 
     .subscribe(
      (data) => { 
       this.checkData(data);//in this function its going to be appending to this.items 
     } 
    ); 
} 


checkData(data) { 
    if (data.length === 0) { 
     return this.router.navigate(['']); 
    } 
    return this.items = data; 
} 

markers =[ 
    { 
     lat: 51.673858, 
     lng: 7.815982 
    }, 
    { 
     lat: 51.373858, 
     lng: 7.215982 
    }, 
    { 
     lat: 51.723858, 
     lng: 7.895982 
    } 

]

So wie kann ich die vorhandenen Markierungen Objekt mit meinem this.items Objekt überschreiben (in diesem Objekt lat ist und lng verfügbar).

awnser korrekt war aus @Eric N und machte die marker.latitude und marker.longitude parseFloat().

Answer 1

Oh, ist Ihre App Zuordnung zu markers.lat und markers.lng, aber Sie erhalten data.latitude und data.longitude? Es wäre viel sauberer, wenn Sie Ihre Marker und App so ändern, dass dieselben Schlüssel wie für Ihre Datenquelle verwendet werden. Wenn Sie jedoch zwei Arten von Datenobjekten verwenden, können Sie die empfangenen Daten mit den richtigen Schlüsseln einem neuen Objekt zuordnen.

let newItems:any[] = []; 

for (var element in data) { // map over the data type 
    let marker = data[element]; 
    newItems.push(
    { 
     lat: marker.latitude, // create new objects matching the keys used in the app 
     lng: marker.longitude 
    } 
} 

this.items = newItems; // and assign