JavaScript modifie le format de fichier json

JSON (JavaScript Object Notation) est un format d'échange de données léger qui organise les données via des paires clé-valeur et est largement utilisé dans le développement front-end. Dans le développement réel, nous devons parfois modifier certains contenus ou formats du fichier JSON. En JS, la modification JSON peut être réalisée via certaines méthodes, et l'opération est très simple.

Cet article explique comment utiliser JavaScript pour modifier le format de fichier JSON.

1. Convertir JSON en objets

Nous devons convertir les données au format JSON en objets JS avant de pouvoir les modifier. Vous pouvez utiliser la méthode parse() pour convertir des données JSON en objet, par exemple :

let jsonString = '{"name": "Mandy", "age": 20}';
let jsonObj = JSON.parse(jsonString);
console.log(jsonObj);

Pour expliquer le code ci-dessus, nous définissons d'abord une chaîne jsonString contenant des données JSON, et dans la deuxième ligne nous call La méthode JSON.parse() convertit jsonString en un objet jsonObj Enfin, nous sortons l'objet converti et la console affichera les informations suivantes :

{name: "Mandy", age: 20}

2. ## 🎜🎜#Ensuite, nous pouvons facilement modifier les attributs en JSON. Par exemple, nous pouvons modifier l'âge de Mandy dans l'exemple ci-dessus :

jsonObj.age = 21;
console.log(jsonObj);

Nous n'avons besoin que d'utiliser des points ou des crochets pour accéder aux propriétés. dans l'objet peut alors être réaffecté.

3. Convertissez l'objet modifié en une chaîne JSON

Après avoir fini de modifier les données JSON, nous devons convertir l'objet modifié en un format de chaîne. Cela peut être réalisé. en utilisant la méthode stringify(). Le code est le suivant :

let newJsonString = JSON.stringify(jsonObj);
console.log(newJsonString);

La méthode stringify() accepte un objet en paramètre puis convertit l'objet en chaîne au format JSON. Nous pouvons obtenir la chaîne convertie en redéfinissant la variable newJsonString.

4. Ajouter des attributs en JSON

Lorsque nous devons ajouter de nouveaux attributs au fichier JSON, il est facile d'ajouter de nouveaux attributs directement à l'aide de points ou de crochets, par exemple :

jsonObj.gender = 'female';
console.log(jsonObj);

Ce code ajoutera un attribut Gender en JSON avec la valeur d'attribut female.

5. Supprimer les attributs de données JSON

Nous pouvons utiliser l'opérateur delete pour supprimer des attributs en JSON, par exemple :

delete jsonObj.age;
console.log(jsonObj);

Ce code supprimera L'attribut age dans l'objet jsonObj. À partir des résultats de sortie, nous pouvons voir que l'attribut age a été supprimé.

6. Modifier les données du tableau JSON

En plus des objets, JSON peut également contenir des tableaux. Voyons comment modifier un tableau JSON.

Tout d'abord, nous devons convertir la chaîne du tableau JSON en un objet JS, par exemple :

let jsonArrString = '[{"name": "Jack", "age": 25}, {"name": "Lucy", "age": 27}]';
let jsonArray = JSON.parse(jsonArrString);
console.log(jsonArray);

Dans ce code, nous définissons une chaîne contenant un tableau JSON jsonArrString , utilisez la méthode parse() pour le convertir en type d'objet. Le résultat final sera affiché :

[{name: "Jack", age: 25}, {name: "Lucy", age: 27}]

Ensuite, nous pouvons modifier les données en fonction de l'indice de l'objet, par exemple : #🎜 🎜#

jsonArray[0].age = 26;
console.log(jsonArray);

Ce code modifie l'attribut age dans le premier objet à 26. Bien sûr, vous pouvez également utiliser la méthode push() pour ajouter un objet au tableau JSON. Le code est le suivant :

jsonArray.push({"name":"Alex","age":30});
console.log(jsonArray);

Ce code ajoutera un objet contenant les attributs name et age. Tableau JSON.

7. Résumé

Grâce à l'introduction ci-dessus, nous pouvons constater qu'il est très pratique d'utiliser JavaScript pour modifier le format de fichier JSON. Il est à noter que nous devons convertir la chaîne JSON en objet avant de la modifier. L'objet modifié doit également être converti au format chaîne via la méthode stringify().

Bref, pour les développeurs front-end, il est très nécessaire de se familiariser avec le fonctionnement de JSON. Cela nous permet de mieux gérer et maintenir les données, et cela jouera également un grand rôle dans le réel. effet de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!