Archiv-Modus von Basti1012 Lösungspage

Hallo Leute, ich kämpfe hier jetzt schon seit ein paar Tagen (nicht am Stück) mit einem Problem, finde aber irgendwie keinen weg, der mich auch nur einen Schritt vorwärts bringt. Ich baue gerade eine Ionic-App mit Angular 5. Ich hab ein Object, das wiederum ein Array of objects enthält Und da muss jetzt irgendwie ein foreach oder besser: .map rein. Denn ich möchte mir ein neues Array nach folgender Struktur bauen: name = contacts.name.familyName forename = contacts.name.givenName usw. Das Problem hierbei ist ja, dass ich bspw. nicht mit "keys" arbeiten kann, denn es gibt ja nur einen Key und zwar "data". Habt ihr eine Idee oder einen Lösungsvorschlag, wie das gehen könnte? Danke im Voraus für alle hilfreichen Antworten!

Code

                                    
                                
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js_webseite/jquery.js"></script>

</head>
<body>
    <div id="JsonData"></div>

    <script type="text/javascript">//<![CDATA[


var result = [{
    "Manufacturer": "Toyota",
        "Sold": 1200,
        "Month": "2012-11"
}, {
    "Manufacturer": "Ford",
        "Sold": 1100,
        "Month": "2012-11"
}, {
    "Manufacturer": "BMW",
        "Sold": 900,
        "Month": "2012-11"
}, {
    "Manufacturer": "Benz",
        "Sold": 600,
        "Month": "2012-11"
}];
 
(function (result) {
    var jsonData = "";
    for (var i = 0; i < result.length; i++) {
        var item = result[i];
        jsonData += "<br>Manufacturer: " + item.Manufacturer;
        jsonData += "<br>Sold: " + item.Sold;
        jsonData += "<br>Month: " + item.Month;
        jsonData += "<hr>";
    }
    $('#JsonData').html(jsonData);
})(result);


  //]]></script>


</body>
</html>

basti1012.bplaced.net

Typescript foreach map Array of Objects

Code