Tutoriel JSON : Apprendre avec un exemple simple

Maintenant que la définition est claire, la section suivante explique pourquoi les développeurs choisissent JSON plutôt que d'autres formats de données.

Pourquoi utiliser JSON ?

Voici les avantages/avantages importants de l’utilisation de JSON :

• Fournir un support pour tous les navigateurs
• Facile à lire et à écrire
• Syntaxe simple
• Vous pouvez analyser nativement JavaScript utilisant la fonction eval()
• Facile à créer et à manipuler
• Soutenu par tous les grands JavaCadres de script
• Pris en charge par la plupart des technologies backend
• JSON est reconnu nativement par Javascénario
• Cela vous permet de transmit et sérialiser des données structurées à l'aide d'une connexion réseau.
• Vous pouvez l'utiliser avec des langages de programmation modernes.
• JSON est un texte qui peut être converti en n'importe quel objet de JavaScript en JSON et envoie ce JSON au serveur.

Histoire de JSON

Voici les jalons importants qui forment l’histoire de JSON :

• Douglas Crockford a spécifié le format JSON au début des années 2000.
• Le site officiel a été lancé en 2002.
• En décembre 2005, Yahoo! commence à proposer certains de ses services Web en JSON.
• JSON est devenu une norme internationale ECMA en 2013.
• La norme de format JSON la plus mise à jour a été publiée en 2017.

Au-delà de cette chronologie, JSON offre également un ensemble de fonctionnalités pratiques qui expliquent sa popularité durable.

Caractéristiques de JSON

Facile à utiliser – L'API JSON offre une façade de haut niveau, qui vous aide à simplifier les cas d'utilisation couramment utilisés.

Performances – JSON est assez rapide car il consomme très moins d’espace mémoire, ce qui est particulièrement adapté aux grands graphiques ou systèmes d’objets.

Outil gratuit – La bibliothèque JSON est open source et gratuite.

Ne nécessite pas la création d'une carteping – L'API Jackson fournit une carte par défautping pour de nombreux objets à sérialiser.

Nettoyer le JSON – Crée un résultat JSON propre et compatible, facile à lire.

Dépendance – La bibliothèque JSON ne nécessite aucune autre bibliothèque pour le traitement.

Règles pour la syntaxe JSON

Les règles de syntaxe JSON sont :

• Les données doivent être dans des paires nom/valeur
• Les données doivent être séparées par des virgules
• Les accolades doivent contenir des objets
• Les crochets contiennent des tableaux

Types de données en JSON

Les règles de syntaxe étant établies, le tableau suivant répertorie les principaux types de données utilisés en JSON :

Numéro

• Le nombre est un format à virgule flottante double précision qui dépend de sa méthode d'implémentation.
• En JSON, vous ne pouvez pas utiliser les formats hexadécimal et octal.

Le tableau suivant affiche les types de numéros :

syntaxe:

var json-object-name = { string : number_value,......}

Exemple :

var obj = {salary: 2600}

Chaîne

Il s'agit d'une série de caractères Unicode entre guillemets doubles et comportant une barre oblique inverse.ping.

Le tableau suivant présente différents types de chaînes :

syntaxe:

var json-object-name = { string : "string value",…..}

Exemple :

var obj = {name: 'Andy'}

Boolean

Il stocke uniquement les valeurs vraies ou fausses.

syntaxe:

var json-object-name = {string : true/false, …..}

Exemple :

var obj = {active: 'true'}

tableau

• C'est une collection ordonnée de valeurs.
• Vous devez utiliser un tableau lorsque les noms de clés sont des entiers séquentiels.
• Il doit être placé entre crochets qui doivent être séparés par ',' (virgule)

syntaxe:

[value, .......]

Exemple :

Affichage d'un tableau stockant plusieurs objets :

{
   "eBooks":[
      {
         "language":"Pascal",
         "edition":"third"
      },
      {
         "language":"Python",
         "edition":"four"
      },
      {
         "language":"SQL",
         "edition":"second"
      }
   ]
}

{ string :  value, ….. }

{
"id": 110,
"language": "Python",
"price": 1900,
}

Espace blanc

Vous pouvez insérer des espaces entre une paire de jetons.

Exemple :

syntaxe:

{string:"    ",….}

Exemple :

var a = " Alex"; var b = "Steve";

Exemple de JSON

L'exemple de code donné définit comment utiliser JSON pour stocker les informations liées à livres de programmation avec l'édition et le nom de l'auteur.

{
   "book":[
      {
         "id":"444",
         "language":"C",
         "edition":"First",
         "author":"Dennis Ritchie "
      },
      {
         "id":"555",
         "language":"C++",
         "edition":"second",
         "author":" Bjarne Stroustrup "
      }
   ]
}

Comprenons le format JSON avec un autre exemple de fichier JSON. Ici, JSON définit le prénom, le nom et l'identifiant d'un étudiant.

{
  "student": [

     {
        "id":"01",
        "name": "Tom",
        "lastname": "Price"
     },

     {
        "id":"02",
        "name": "Nick",
        "lastname": "Thameson"
     }
  ]
}

Application de JSON

Voici quelques applications courantes de JSON :

• Vous aide à transférer des données depuis un serveur
• Un exemple de format de fichier JSON peut être utile. transmit et sérialiser tous les types de données structurées.
• Vous permet d'effectuer des appels de données asynchrones sans avoir besoin d'actualiser la page
• Vous aide à transmit échanges de données entre un serveur et des applications web.
• Il est largement utilisé pour JavaApplication basée sur des scripts, qui comprend une extension de navigateur et des sites Web.
• Vous pouvez transmit Échange de données entre le serveur et l'application web au format JSON.
• Nous pouvons utiliser JSON avec des langages de programmation modernes.
• Il est utilisé pour écrire JavaApplications basées sur des scripts qui incluent des modules complémentaires de navigateur.
• Les services Web et les API Restful utilisent le format JSON pour obtenir des données publiques.

Du fait de sa large utilisation, JSON est souvent comparé à XML, le format qu'il remplace fréquemment.

JSON contre XML

Voici la principale différence entre JSON et XML

Exemple JSON

Vous trouverez ci-dessous un exemple JSON simple :

{
  "student": [

     {
        "id":"01",
        "name": "Tom",
        "lastname": "Price"
     },

     {
        "id":"02",
        "name": "Nick",
        "lastname": "Thameson"
     }
  ]
}

Exemple XML

<?xml version="1.0" encoding="UTF-8" ?>
<root>
	<student>
		<id>01</id>
		<name>Tom</name>
		<lastname>Price</lastname>
	</student>
	<student>
		<id>02</id>
		<name>Nick</name>
		<lastname>Thameson</lastname>
	</student>
</root>

Qu’est-ce que JSON n’est pas ?

• L'exemple de fichier de données JSON n'est pas un format de document.
• Ce n'est pas un langage de balisage.
• JSON ne fournit pas de format de sérialisation général.
• Il ne s’agit pas de structures récurrentes ou cycliques.
• Ce n’est pas non plus une structure invisible.

Inconvénients de JSON

Voici quelques avantages de JSON :

• Pas de prise en charge des espaces de noms, donc une faible extensibilité
• Édition outils de développement soutenez
• Pas de prise en charge de la définition de la grammaire formelle

Outils JSON populaires (modules complémentaires)

Voici les outils JSON importants :

JSONLint :

JSONLint est un projet open source utilisé comme validateur et reformateur pour JSON. Il s'agit d'un format d'échange de données léger. Copier-coller, saisir directement ou entrer des données. URL dans l'outil de validation JSON pour valider votre code JSON.

Lien : https://jsonlint.com

Éditeur JSON en ligne :

JSON Editor Online est un outil Web utile. Il vous permet de modifier, d'afficher et de formater JSON. Il affiche vos données côte à côte de manière claire et modifiable. logiciel éditeur de code.

Lien : https://jsoneditoronline.org/

Outil de réduction JSON :

C'est un outil qui vous aide à supprimer les espaces et donne un code JSON qui prend le moins de place.

Lien : https://www.browserling.com/tools/json-minify

Convertisseur JSON en XML :

Le convertisseur JSON en XML est un outil simple et efficace qui vous aide à convertir votre code JSON.

Lien : https://codebeautify.org/jsontoxml

Formateur JSON :

Le formateur JSON vous aide à résoudre le problème en formatant les données JSON afin qu'elles soient faciles à lire et à déboguer par un humain.

Lien : https://jsonformatter.curiousconcept.com/

FAQ