JSON

Le JSON, ou JavaScript Object Notation, tout comme le XML, est un format permettant de stocker de l’information structurée. Cependant, contrairement à ce dernier, sa structure est inspirée des objets JavaScript plutôt que du balisage HTML. Ce qui le rend plus rapide à décoder, lire et écrire que le XML.

Par exemple, les informations relatives à la carrière de Ryan Reynolds en format JSON pourrait ressembler à ceci.

{
  "firstname": "Ryan",
  "lastname": "Reynolds",
  "picture": "https://ex.smnarnold.com/json/acteurs/ryan-reynolds.jpg",
  "movies": [
    {
      "name": "Pokémon Detective Pikachu",
      "year": 2019
    },
    {
      "name": "Deadpool 2",
      "year": 2018
    },
    {
      "name": "Deadpool",
      "year": 2016
    }
  ]
}

Structure

Le JSON s'écrit sous forme de définitions contenant chacune une clé et une valeur.

par exemple: clé : valeur

Règles de base

  • Il doit y avoir un objet {...} ou un tableau [...] à la racine du document englobant l'ensemble des définitions.

  • Chaque clé doit-être entre guillemets doubles.
    Par exemple: "firstname".

  • Un double point : doit séparer chaque clé de sa définition.
    Par exemple: "firstname": "Ryan".

  • Les valeurs peuvent avoir les formes suivantes:

    • Une string "Ryan"

    • Un nombre: 2019

    • Un boolean: true ou false

    • Un objet: {...}

    • Un tableau [...]

  • Chaque déclaration doit se terminer par une virgule ,, sauf si cette déclaration est la dernière de son bloc.

Utilisation

Le JSON peut être utilisé pour différentes raisons, notamment pour stocker des configurations ou pour permettre de séparer le code de son contenu.

Par exemple:

CodePen | smnarnold 👀

Il est possible démo précédente ☝️ de remplacer simplement le fichier ryan-reynolds.json par margot-robbie.json afin d'obtenir une page similaire, mais populée avec les informations de Margot plutôt que celles de Ryan.