JSON

JavaScript Object Notation

ECMA-404 The JSON Data Interchange Standard

Format pour représenter des données

Utile pour stocker et transmettre informations


[
  {
    "id": 56693,
    "username": "Marc",
    "content": "Bonsoir!\n\nMais.. dans quel contexte réel on utiliserait une telle structure? C'est assez anti-accessibilité et justement à l'encontre des spécifications..  je dis ça je dis rien..",
    "avatar": "/images/default.png",
    "createdAt": 1663013968,
    "parent": 0,
    "userId": null
  },
  {
    "id": 56697,
    "username": "Sylvain",
    "content": "Il y a des cas classiques je trouve, genre tu as une liste de \"cards\", chacune d'entre elles représentant un article de blog (avec un titre, l'auteur, la description...), tu peux donc cliquer sur la carte directement pour accéder à l'article mais aussi cliquer sur le nom de l'auteur pour accéder à la page de présentation de l'auteur.\n",
    "avatar": "/images/default.png",
    "createdAt": 1663061752,
    "parent": 56693,
    "userId": null
  },
  {
    "id": 56698,
    "username": "Sylvain",
    "content": "Cliquer sur la carte => Cliquer sur le blanc ou sur n'importe quel zone qui n'est pas un lien.",
    "avatar": "/images/default.png",
    "createdAt": 1663061812,
    "parent": 56693,
    "userId": null
  }
]
        

Nombre


1
-3
1.5
10e10
        

Une chaine de caractère


"Bonjour les gens"
"Je veux mettre du \"texte\" entre guillemet"
"Je saute\nune ligne"
        

Un booléen


true
false
        

Null


null
        

Tableau


["valeur", 3, true]
        

["valeur", ["tableau", "imbriqué"]]
        

Objet


{
  "firstname": "John",
  "lastname": "Doe",
  "age": 18
}
        

{
  "firstname": "John",
  "lastname": "Doe",
  "age": 18,
  "job": {
    "name": "Développeur web",
    "start": 9,
    "end": 19
  }
}
        

Exemple

Créer un fichier JSON qui représente un article (titre, contenu, auteur)
et ses commentaires (username, contenu, réponses)

JSON Schema

Permet de définir le format attendu pour un JSON

JSONC

JSON avec commentaires