Lire un JSON en Javascript

[ebouilleur]

Bonjour, 

 

Je ne connais pas grand chose au javascript, mais j'ai besoin de lire des données json et de les afficher en javascript.

J'ai mis mon code en ligne sur https://codesandbox.io/s/stupefied-lucy-kl7xp6

 

Mon problème est de parcourir mon json correctement et de sortir la valeur dans une variable

 

Dans mon js :

var MoyEscape;

fetch("https://test.escape-zone.fr/enseigne.json")
  .then(function (response) {
    return response.json();
  })
  .then(function (data) {
    appendData2(data);
  })
  .catch(function (err) {
    console.log("error: " + err);
  });
function appendData2(data) {
  var mainContainer = document.getElementById("myData");

  MoyEscape = data[0].list.MoyEscape;   <-- ne fonctionne

  for (var i = 0; i < data.length; i++) {
    var div = document.createElement("div");
    div.innerHTML =
      "Test: " + data[i].list[0].nbAvis + " " + data[i].list["1"].MoyEscape; <-- ne fonctionne
    mainContainer.appendChild(div);
  }
}

var divNoteEnseigne = document.getElementById("NoteEnseigne");
divNoteEnseigne.innerHTML += MoyEscape;

 

Dans mon code j'essaye déjà de récupéré une des valeurs MoyEscape présente dans le json (pour l'afficher sur un div nommé divNoteEnseigne)

 

Ce que je souhaiterai faire au final, c'est pouvoir récupérer les informations d'un ID précis. Genre ID 15, que vaut MoyEscape.

Dans dans l'idée parcourir le json, j'arrêter quand l'ID va bien et lire les données qui sont là... (mais ça c'est la théorie)

Extrait du json :

{
  "list": [
    {
      "id": "1",
      "nom": "La 13ème porte",
      "MoyEscape": "4.0714",
      "MoyAccueil": "4.6429",
      "nbAvis": "28"
    },
    {
      "id": "15",
      "nom": "Tadam Escape",
      "MoyEscape": "4.8000",
      "MoyAccueil": "5.0000",
      "nbAvis": "45"
    }
  ],
  "nb": 227,
  "nbTotal": "227"
}

 

Merci pour vos idées/conseils

[eric73]

data.list[0].MoyEscape

[ebouilleur]

Merci