Qu'est-ce que JSON? Savoir comment cela fonctionne avec des exemples

Le langage XML (Extensible Markup Language) a été considéré comme le seul choix pour l'échange de données ouvertes. Cependant, les développements dans le partage de données ouvertes ont produit plus d'options pour . Alors, allons dans le détail de Qu'est-ce que JSON et en quoi est-il différent de JavaScript dans l'ordre suivant:

• Qu'est-ce que JSON?
• Pourquoi utilisons-nous JSON?
• JSON contre XML
• Règles de syntaxe
• Fondamentaux JSON
• Convertir un objet JSON en texte JS

Qu'est-ce que JSON?

Notation d'objets JavaScript ( JSON ) est un moyen de stocker des informations de manière organisée et simple. Les données doivent être sous forme de texte lors d'un échange entre un navigateur et un serveur. Vous pouvez convertir n'importe quel Objet JavaScript dans JSON et envoyez JSON au serveur.

Vous pouvez également convertir tout JSON reçu du serveur en objets. Il aide à travailler avec les données en tant qu'objets JavaScript, sans analyse ni traductions compliquées.

Maintenant que vous savez ce qu'est JSON, allons de l'avant et voyons pourquoi nous devons l'utiliser et quels sont les différents avantages de l'utilisation de JSON.

Pourquoi utilisons-nous JSON?

JSON est poids léger et facile à utiliser par rapport aux autres options d'échange de données ouvertes. Cependant, ce n'est pas la seule raison pour laquelle vous devriez l'utiliser pour votre intégration d'API. Elle est préférée aux autres options en raison des avantages suivants:

Moins verbeux - Il a un plus style compact par rapport à XML. Cela le rend plus lisible. La poids léger approche de JSON peut apporter des améliorations significatives tout en travaillant avec des systèmes complexes.

Plus vite - Le processus d'analyse du logiciel XML est plus lent que JSON. En effet, les bibliothèques de manipulation DOM nécessitent plus de mémoire pour gérer les gros fichiers XML. JSON , d'autre part, utilise moins de données ce qui réduit le coût et augmente le vitesse d'analyse .

Lisible - La structure de JSON est simple et facilement lisible . Vous disposez d'un mappage temporel plus facile sur les objets du domaine, quel que soit le langage de programmation avec lequel vous travaillez.

Données structurées - JSON utilise un structure des données cartographiques alors que XML a une structure arborescente. Les paires de clés ou de valeurs peuvent limiter votre tâche, mais vous obtenez un modèle de données prévisible et facile à comprendre.

JSON contre XML

Tous les deux XML et JSON sont largement utilisés aujourd'hui. Elles sont utilisé comme les formats d'échange de données et les deux ont été adoptés par les applications comme moyen de stocker des données structurées. Voyons les différences entre les deux:

Exemple JSON-

{'employés': [{'name': 'Lisa', 'email': 'lisa101@xyz.com'}, {'name': 'Neil', 'email': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}

Exemple XML-

Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com

Règles de syntaxe

La JSON la syntaxe est une sous-ensemble du JavaScript syntaxe. La syntaxe est dérivée de la syntaxe de notation d'objet JavaScript et se compose des règles suivantes:

• Les données sont écrites Nom ou valeur paires.
• Les données sont séparé par des virgules.
• Frisé un appareil dentaire tenir le objets.
• Crochets tenir le tableaux.

Le format JSON est très similaire aux objets JavaScript. Ici, les clés doivent être des chaînes, écrites avec des guillemets doubles tels que:

{'name': 'Susan'}

Fondamentaux JSON

Dans JSON , valeurs doit être l'un des types de données suivants:

qu'est-ce que le type casting en java

• Chaîne
• Nombre
• Object (objet JSON)
• Tableaux
• Booléen
• Nul

Chaîne

Dans JSON , les clés doivent être des chaînes, écrites avec des guillemets doubles:

{'nom': 'Mary'}

Dans JavaScript , les clés peuvent être des chaînes, des nombres ou des noms d'identifiant:

{nom: 'Mary'}

Objets

Les objets JSON sont entourés d'accolades {}. Ils sont écrits en paires clé ou valeur de la manière suivante:

{'name': 'Lisa', 'age': 23, 'car': BMW}

Tableaux

Les tableaux en JSON sont presque les mêmes que les tableaux en JavaScript. En JSON, les valeurs de tableau sont de type chaîne, nombre, objet, tableau, booléen ou nul. Alors qu'en JavaScript, les valeurs de tableau peuvent être toutes les valeurs ci-dessus, plus toute autre expression JavaScript valide, y compris les fonctions, les dates et non définies.

Les tableaux dans JSON peuvent être les valeurs d'une propriété d'objet. Il est défini comme:

{'name': 'Lisa', 'age': 23, 'cars': ['Ford', 'BMW', 'Fiat']}

Convertir un objet JSON en texte JavaSCript

JSON est couramment utilisé pour lire des données de serveur Web et afficher les données sur une page Web. Cela peut également être démontré en utilisant une chaîne comme entrée.

Prenons un exemple et voyons comment un objet JSON peut être converti en texte Javascript à l'aide de la fonction JSON.parse ():

 
Conversion de texte JSON en objet Javascript
  Objet JSON:   Utilisation de l'objet Javascript: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Ici, nous convertissons JSON en objet var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). innerHTML = obj.name + ', avec l'identifiant d'employé' + obj.employeeID + ', et age' + obj.age document.getElementById ('example'). innerHTML = jsonobj

Il convertira les objets en textes et donnera ce qui suit Production :

Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris ce qu'est JSON et pourquoi devons-nous l'utiliser.

Maintenant que vous savez ce qu'est JSON, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section des commentaires de 'Qu'est-ce que JSON?' et nous reviendrons vers vous.