Comment travailler avec JSON en JavaScript?

JSON signifie javascript-object-notation et c'est le type de données structuré le plus utilisé pour transférer des données sur Internet. JSON est basé sur des objets JavaScript mais il est indépendant du langage; ce qui signifie qu'il peut être utilisé dans presque tous les langues de programmation moderne.

JSON -BASIC INTRO

Json est la représentation textuelle des données qui facilite le transfert de données à des vitesses très élevées. Dans JSON, vous différenciez une clé et une valeur en mettant un côlon «:» entre eux, et vous mettez une virgule entre différentes paires de valeurs clés. De plus, les paires de valeurs de clé = sont enfermées à l'intérieur accolades:

Syntaxe de JSON

La syntaxe de JSON est assez simple, elle est la suivante:

Key1: valeur,
Key2: valeur

Travailler avec JSON

Pour travailler avec JSON en JavaScript, le JSON est d'abord stocké à l'intérieur d'une variable pour en faire un objet JSON.

Par exemple, imaginez que vous avez des données JSON d'une personne contenant les informations suivantes comme:

Firstname: "John",
LastName: "Doe",
Âge: 22,
Ville: "Newyork",

Pour le convertir en un objet utilisable dans JavaScript, nous le mettons simplement égal à un objet avec le code suivant:

const personne =
Firstname: "John",
LastName: "Doe",
Âge: 22,
Ville: "Newyork",
;

Comme vous pouvez le voir, vous avez créé une variable personne Cela contient maintenant un objet avec les informations sur cette personne comme FirstName, LastName, etc.; Pour nous assurer que nous pouvons l'utiliser à l'intérieur de JavaScript, nous allons simplement imprimer cet objet à l'écran en utilisant le console.enregistrer() fonction:

console.journal (personne);

L'extrait de code complet serait:

const personne =
Firstname: "John",
LastName: "Doe",
Âge: 22,
Ville: "Newyork",
;
console.journal (personne);

Lorsque vous exécutez ce code, vous verrez la sortie suivante:

Comme vous pouvez le voir sur votre console, nous pouvons voir un objet imprimé. En effet, nous avons créé un objet en le définissant égal à une variable.

Accéder à la valeur à partir d'un objet JSON

Pour accéder aux valeurs à l'intérieur de l'objet JSON, vous utilisez le dot-opérateur avec le nom du «clé".

En prenant l'objet JSON ci-dessus, si vous souhaitez imprimer le prénom, utilisez la ligne suivante:

console.journal (personne.prénom);

Vous verrez la sortie suivante:

Vous pouvez même imprimer le nom complet en utilisant la ligne suivante:

console.enregistrer(
"Le nom complet de la personne est:" + personne.Firstname + personne.nom de famille
));

Vous obtiendrez la sortie suivante:

Comme vous pouvez le voir, nous avons concaté le prénom et le nom de famille et l'avons affiché sur la console.

De cette façon, vous pouvez accéder aux paires de valeurs clés JSON.

Ajouter dans l'objet JSON

Si vous souhaitez ajouter une valeur dans un objet JSON, vous pouvez le faire en utilisant le dot-opérateur. Tout d'abord, donnez la «clé» après le point et définissez-la égale à sa valeur comme indiqué dans la syntaxe suivante:

jsonobject.newkey = valeur;

Dans le cas où vous souhaitez ajouter le travail de la personne dans l'objet mentionné dans l'exemple ci-dessus, vous pouvez le faire en utilisant la ligne de code suivante:

personne.job = "auditeur";
console.journal (personne.emploi);

L'extrait complet est comme:

const personne =
Firstname: "John",
LastName: "Doe",
Âge: 22,
Ville: "Newyork",
;
console.enregistrer(
"Le nom complet de la personne est:" + personne.Firstname + personne.nom de famille
));
personne.job = "auditeur";
console.Log ("et le travail de la personne est:");
console.journal (personne.emploi);

Lorsque vous exécutez l'extrait de code ci-dessus, vous obtenez la sortie suivante sur votre écran:

Comme vous pouvez le voir, le emploi Ne faisait pas partie de l'objet JSON au début, mais vous avez pu l'ajoutant dans l'objet JSON et l'imprimer également sur la console.

Convertir l'objet JSON en objet String

Comme mentionné ci-dessus, JSON est transféré sous forme de données textuelles, donc si vous souhaitez convertir un objet JSON en un objet String, vous pouvez le faire en utilisant la méthode:

Json.stringify (objet);

Si vous souhaitez convertir l'objet de personne mentionné ci-dessus en une chaîne et l'imprimer sur la console, vous pouvez le faire en utilisant les lignes de code suivantes:

console.journal (JSON.Stringify (personne));

Lorsque vous exécutez le code, vous obtiendrez la sortie suivante sur votre écran:

Comme vous pouvez le voir, l'objet JSON a été converti en un objet String, cela est très bénéfique pour transférer des données sur Internet à très grande vitesse.

Conclusion

JSON est la structure de transfert de données la plus utilisée au monde en raison d'être vraiment de la taille d'une lumière et facile à transférer. JSON est basé sur la syntaxe d'un objet JS normal, mais il est totalement différent de l'objet JS car un objet peut avoir une méthode à l'intérieur tandis que JSON n'est que des informations car elle contient des paires de valeurs clés. Cependant, il ne se limite pas à JavaScript, JSON est disponible dans presque tous les langues de programmation. Nous avons appris JSON, son utilisation, comment travailler avec JSON dans JavaScript, comment accéder aux valeurs JSON et comment ajouter dans un objet JSON. Enfin, nous avons appris à convertir un objet JSON en un objet String.