zugriff auf Jason klappt nicht

basti1012

Ich hoffe die Überschrift passt so.

Ich will die Daten hier raus abfragen.

Code

      var all={"daten1":{
                      "1": {"gold": "200", "holz": "500"},
                      "2": {"gold": "220", "holz": "520"},
                      },
             "daten2":{
                       "1": {"gold": "400", "holz": "400"},
                       "2": {"gold": "233", "holz": "220"},
                      },
             "daten3":{
                       "1": {"gold": "1400", "holz": "1400"},
                       "2": {"gold": "1233", "holz": "1220"},
                       }
             
            };

Alles anzeigen

die Abfragen klappen ja aber ich möchte das man die Leicht ändern kann

Code

Daten<input type="number" id="daten" min="1" max="3" value="1">
level<input type="number" id="level" min="1" max="2" value="1">
<div id="out"></div>
<script>

weiter=document.getElementById('daten');
weiter.onchange=los;

weiter1=document.getElementById('level');
weiter1.onchange=los;

  function los(){
       var dat=weiter.value;
       var lev=weiter1.value;
       var gold = all.daten1[lev].gold;
       var holz = all.daten1[lev].holz;
    
 //      var holz = all.daten[dat][lev].holz;
 //      var holz = all.daten.dat][lev].holz;

      document.getElementById('out').innerHTML='Level='+lev+' ='+gold+' - '+holz;
};
  
</script>

Alles anzeigen

Ich glaube mit Code ist es einfacher zu sehen was ich meine.

Mit den input Feld Level kann man die Level ändern.

Das gleiche soll jetzt auch mit daten input Feld passieren.

Doch wie ihr beim auskommentierten Code sieht funktionieren meine versuche nicht.

Wollte schon aufgeben und einfach

Code

if(dat==1){
var holz = all.daten1[lev].holz;
}
if(dat==2){
var holz = all.daten2[lev].holz;
}
if(dat==3){
var holz = all.daten3[lev].holz;
}
usw....

Machen.

Doch da die Datei viel größer ist wäre das ein ewig langes if gedönst

Habt ihr eine Idee wie man das machen kann?

Sempervivum

Wenn Du den Zugriff über eckige Klammern verwendest, kannst Du den Schlüssel auch zusammenbauen:

var holz = all['daten' + dat][lev].holz;

Arne Drews

...oder gleich als Array im JSON definieren, erleichtert manches ungemein.

Man beachte übrigens auch das fehlende, weil falsche a in JSON, basti1012

EDIT: Mal als kurzes Beispiel mit validem JSON

JavaScript

var allData = { "daten" : [
        {
            "1" : {"gold": "200", "holz": "500"},
            "2" : {"gold": "220", "holz": "520"}
        },
        {
            "1" : {"gold": "400", "holz": "400"},
            "2" : {"gold": "233", "holz": "220"}
        },
        {
            "1" : {"gold": "1400", "holz": "1400"},
            "2" : {"gold": "1233", "holz": "1220"}
        }
  ]
}

Alles anzeigen

JavaScript

allData.daten.forEach( d => {
    for ( x=1; x<=Object.keys(d).length; x++ )
        console.log(d[x]);
});

Code: Ausgabe

{gold: "200", holz: "500"}
{gold: "220", holz: "520"}
{gold: "400", holz: "400"}
{gold: "233", holz: "220"}
{gold: "1400", holz: "1400"}
{gold: "1233", holz: "1220"}

Jetzt mitmachen!