Tutoriel JSON: Apprenez avec un EXEMPLE simple

Table des matières:

Anonim

Qu'est-ce que JSON?

JSON est utilisé pour stocker des informations de manière organisée et facile d'accès. Sa forme complète est la notation d'objets JavaScript. Il offre une collection de données lisibles par l'homme qui peuvent être consultées de manière logique.

Son extension de nom de fichier pour le code de programmation écrit est

.json. Le type de média Internet pour JSON est application / json et public.json est son identificateur de type uniforme. L'extension de nom de fichier est .json.

Dans cette introduction à JSON pour les débutants, vous apprendrez:

  • Qu'est-ce que JSON?
  • Pourquoi utiliser JSON?
  • Histoire de JSON
  • Fonctionnalités de JSON
  • Types de données dans JSON
  • Exemple de JSON
  • Application de JSON
  • JSON contre XML
  • Qu'est-ce que JSON n'est pas?
  • Inconvénients de JSON
  • Outils JSON populaires (modules complémentaires)

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 en JavaScript en utilisant la fonction eval ()
  • Facile à créer et à manipuler
  • Pris en charge par tous les principaux frameworks JavaScript
  • Prise en charge par la plupart des technologies backend
  • JSON est reconnu nativement par JavaScript
  • Il vous permet de transmettre et de 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 du texte qui peut être converti en n'importe quel objet de JavaScript en JSON et envoyer ce JSON au serveur.

Histoire de JSON

Voici des repères 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 récente a été publiée en 2017.

Fonctionnalités de JSON

‭‬ Facile à utiliser - API JSON offre façade de haut niveau, ce qui vous permet de simplifier l' utilisation-cases.‬ couramment utilisé ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬

Performances - JSON est assez rapide car il consomme très moins d'espace mémoire, ce qui est particulièrement adapté aux graphes ou systèmes d'objets volumineux.

Outil gratuit - La bibliothèque JSON est open source et gratuite à utiliser.

Ne nécessite pas de création de mappage - l'API Jackson fournit un mappage par défaut pour de nombreux objets à sérialiser.

Clean 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 la syntaxe JSON sont:

  • Les données doivent être en 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 dans JSON

Les types de données importants utilisés dans JSON sont:

Type de données Description
Nombre Il comprend un nombre réel, un entier ou un nombre flottant
Chaîne de caractères Il se compose de tout texte ou Unicode entre guillemets doubles avec échappement anti-slash
Booléen Le type de données Boolean représente des valeurs True ou False
Nul La valeur Null indique que la variable associée n'a aucune valeur
Objet Il s'agit d'une collection de paires clé-valeur et toujours séparées par une virgule et placées entre accolades.
Déployer C'est une séquence ordonnée de valeurs séparées.

Nombre:

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

Le tableau suivant affiche les types de nombres:

Taper Description
Entier Nombre 1-9 et 0. Nombres positifs et négatifs.
Fraction Fractions comme 3
Exposant Exposant comme e, e +

Syntaxe:

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

Exemple:

var obj = {salary: 2600}

Chaîne de caractères:

Il s'agit d'une série de caractères Unicode entre guillemets doubles et dont la barre oblique inverse est d'échappement.

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

Taper Description
* Utiliser pour la saisie de guillemets doubles
/ Utiliser pour solidus
\ Utiliser pour le solidus inverse
B Utiliser pour ajouter un retour arrière
F À partir du flux
N Pour créer une nouvelle ligne
R Utilisation pour le retour chariot
T Pour afficher l'onglet horizontal
U Chiffres hexadécimaux

Syntaxe:

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

Exemple:

var obj= {name: 'Andy'}

Booléen

Il ne stocke que des valeurs vraies ou fausses.

Syntaxe:

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

Exemple:

var obj = {active: 'true'}

Déployer

  • C'est une collection ordonnée de valeurs.
  • Vous devez utiliser un tableau lorsque les noms de clé sont des entiers séquentiels.
  • Il doit être placé entre crochets, 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"}]}

Objet

  • Un objet doit être entouré d'accolades,
  • Il doit s'agir d'un ensemble non ordonné de paires de noms ou de valeurs.
  • Le nom doit être suivi de ": (deux-points) et les paires nom / valeur doivent être séparées par "," (virgule).
  • Vous pouvez l'utiliser lorsque les noms de clé sont des chaînes arbitraires.

Syntaxe:

{ string : value,… }

Exemple:

{"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 des informations relatives aux 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 "}]}

Permet de comprendre le format JSON avec un autre exemple. 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
  • Le format JSON permet de transmettre et de sérialiser tous les types de données structurées.
  • Vous permet d'effectuer des appels de données asynchrones sans avoir besoin de faire une actualisation de la page
  • Vous aide à transmettre des données entre un serveur et des applications Web.
  • Il est largement utilisé pour les applications basées sur JavaScript, qui incluent l'extension de navigateur et les sites Web.
  • Vous pouvez transmettre des données entre le serveur et l'application Web à l'aide de JSON.
  • Nous pouvons utiliser JSON avec des langages de programmation modernes.
  • Il est utilisé pour écrire des applications basées sur JavaScript 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.

JSON contre XML

Voici la principale différence entre JSON et XML

JSON XML
L'objet JSON a un type Les données XML sont sans type
Types JSON: chaîne, nombre, tableau, booléen Toutes les données XML doivent être des chaînes
Les données sont facilement accessibles en tant qu'objets JSON Les données XML doivent être analysées.
Les fichiers JSON sont plus lisibles par l'homme. Les fichiers XML sont moins lisibles par l'homme.
JSON est pris en charge par la plupart des navigateurs. L'analyse XML entre navigateurs peut être délicate
JSON n'a pas de capacités d'affichage. XML offre la possibilité d'afficher des données car il s'agit d'un langage de balisage.
Récupérer de la valeur est facile Récupérer de la valeur est difficile
Pris en charge par de nombreuses boîtes à outils Ajax Pas entièrement pris en charge par la boîte à outils Ajax
Une manière entièrement automatisée de désérialiser / sérialiser JavaScript. Les développeurs doivent écrire du code JavaScript pour sérialiser / désérialiser à partir de XML
Prise en charge native de l'objet. L'objet doit être exprimé par des conventions - la plupart du temps une utilisation manquée d'attributs et d'éléments.

Exemple JSON

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

Exemple XML

01TomPrice02NickThameson

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

  • 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.
  • Ce ne sont pas des 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, d'où une faible extensibilité
  • Prise en charge limitée des outils de développement
  • Pas de support pour la définition de 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. C'est un format d'échange de données léger. Copiez et collez, saisissez directement ou saisissez l'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 d'éditer, d'afficher et de formater JSON. Il affiche vos données côte à côte dans un logiciel d'édition de code clair et modifiable.

Lien: https://jsoneditoronline.org/

Outil de minification JSON:

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

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/

Résumé:

  • La méthode JSON est utilisée pour stocker des informations de manière organisée et facile d'accès.
  • JSON Fournit un support pour toutes les offres de navigateurs dans de nombreuses langues.
  • Douglas Crockford a spécifié le format JSON au début des années 2000
  • L'API JSON offre une façade de haut niveau, ce qui vous aide à simplifier les cas d'utilisation couramment utilisés
  • Les règles importantes pour l'écriture du système JSON sont que les données doivent être écrites dans des paires nom / valeur.
  • Number, String, Boolean, Null, Object et Array sont des types de données importants utilisés dans JSON.
  • Il vous aide à transférer des données depuis un serveur.
  • L'objet JSON a un type alors que les données XML sont sans type
  • JSON n'est pas un format de document
  • Pas de prise en charge des espaces de noms, d'où une faible extensibilité
  • JSONLint est un projet open-source utilisé comme validateur et reformateur pour JSON.