Array aus externe JSON-Datei erstellen mit HTML/Javascript

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

geohtml

Neues Mitglied
31 Mai 2020
2
0
1
24
Hallo zusammen,

ich möchte gerne einen Array aus einer externen JSON-Datei auslesen. Dieser soll lediglich den "verf_name" enthalten. Leider bin ich noch blutiger Anfänger und habe nach langer Suche noch keine hilfreichen Hinweise gefunden.

Externe JSON-Datei: ("Umringe.json")

{
"type": "FeatureCollection",
"name": "Verfahrensumringe",
"features": [
{ "type": "Feature", "properties": { "DS": "L", "VNr_DS": 12, "verf_name": "Malitschkendorf"}
{ "type": "Feature", "properties": { "DS": "L", "VNr_DS": 16, "verf_name": "Craupe"}
{ "type": "Feature", "properties": { "DS": "L", "VNr_DS": 16, "verf_name": "Christinendorf"}
]
}
 

Tronjer

Moderator
Teammitglied
Moderator
8 Oktober 2010
5.220
480
83
Berlin
Dein JSON ist fehlerhaft. So muss es aussehen.
JSON:
{
  "type": "FeatureCollection",
  "name": "Verfahrensumringe",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "DS": "L",
        "VNr_DS": 12,
        "verf_name": "Malitschkendorf"
      }
    },
    {
      "type": "Feature",
      "properties": {
        "DS": "L",
        "VNr_DS": 16,
        "verf_name": "Craupe"
      }
    },
    {
      "type": "Feature",
      "properties": {
        "DS": "L",
        "VNr_DS": 16,
        "verf_name": "Christinendorf"
      }
    }
  ]
}
JavaScript
Javascript:
fetch('umringe.json')
  .then(response => response.json())
  .then(data => {
    const obj = [];
    data.features.map(val => {
      obj.push(val.properties);
    });
    const result = obj[0].verf_name // Malitschkendorf
  });
 

geohtml

Neues Mitglied
31 Mai 2020
2
0
1
24
Danke für die schnelle Antwort! Die gesamte JSON enthält über 100 Objekte.

Wie kann man jetzt die einzelnen "verf_name" in folgendes Format packen ohne diese einzeln aufzuzählen?


Javascript:
var liste = new Array(obj[0].verf_name,obj[1].verf_name,obj[2].verf_name,....)
 

Tronjer

Moderator
Teammitglied
Moderator
8 Oktober 2010
5.220
480
83
Berlin
Liegt doch auf der Hand
Javascript:
fetch('umringe.json')
  .then(response => response.json())
  .then(data => {
    const obj = [];
    data.features.map(val => {
      obj.push(val.properties.verf_name);
    });
    console.log('!', obj); // ["Malitschkendorf", "Craupe", "Christinendorf"]
  });
 
Werbung: