English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tableau JSON

Un tableau JSON est similaire à un tableau JavaScript.

Un tableau JSON représente une liste ordonnée de valeurs. Il peut stocker des chaînes, des nombres, des valeurs booléennes ou des objets dans un tableau JSON.

Tableau dans un objet JSON

Un tableau peut être la valeur d'une propriété d'un objet.

var myJSON = {
  "name":"Seagull",
  "age":22,
  "friends": [ "Deadpool", "Hulk", "Thanos" ]
}
Voyons un test ‹/›

Accéder aux valeurs d'un tableau

Il est possible d'accéder aux valeurs d'un tableau en utilisant l'index de chaque élément du tableau.

var myJSON = {
  "name":"Seagull",
  "age":22,
  "friends": [ "Deadpool", "Hulk", "Thanos" ]
}
myJSON.friends[2];  // retourne "Thanos"
Voyons un test ‹/›

Parcourir un tableau

Lefor-inLa boucle peut être utilisée pour parcourir un tableau.

var myJSON = {
  "name":"Seagull",
  "age":22,
  "friends": [ "Deadpool", "Hulk", "Thanos" ]
}
for (let x in myJSON.friends) {
document.getElementById("output").innerHTML += myJSON.friends[x];
}
Voyons un test ‹/›

Tableaux imbriqués dans les objets JSON

Dans les tableaux imbriqués, un autre tableau peut également être une valeur d'un tableau.

var myJSON = {
  "name":"Seagull",
  "age":22,
  "friends": [
  {"heroName": "Deadpool", "skills": ["Martial artist", "Assassin"]},
  {"heroName": "Hulk", "skills": ["Superhuman Speed", "Superhuman Strength"]}, 
  {"heroName": "Thanos", "skills": ["Telepathy", "Superhuman senses"]}
  ] 
}
myJSON.friends[2].heroName;  // retourne "Thanos"
Voyons un test ‹/›

imbriquéfor-inLes boucles peuvent être utilisées pour accéder aux tableaux internes.

for(let i in myJSON.friends) {
   x += "<h3>" + myJSON.friends[i].heroName + "</h3>";
   for(let j in myJSON.friends[i].skills) {
      x += myJSON.friends[i].skills[j] + "<br>";
   }
}
document.getElementById("output").innerHTML = x;
Voyons un test ‹/›

Modification de valeurs de tableau

Les indices peuvent être utilisés pour modifier les valeurs.

myJSON.friends[2] = "Ant-man";
Voyons un test ‹/›

Suppression d'éléments du tableau

On peut utiliser la clé delete pour supprimer une valeur du tableau.

delete myJSON.friends[2];
Voyons un test ‹/›