Typescript foreach map Array of Objects
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!
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete 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>