Ces dernières années, le développement front-end utilisant JavaScript pour manipuler JSON est devenu une partie inévitable du travail de développement. Parce que JSON est concis et facile à comprendre, il devient de plus en plus courant de transmettre des données entre clients et serveurs. Mais lors du traitement des données JSON, nous devons parfois les convertir en objets d'entité afin que les données qu'elles contiennent puissent être utilisées et manipulées plus facilement. Cet article explique comment convertir JSON en objets d'entité à l'aide de JavaScript.
Qu'est-ce que JSON ?
JSON (JavaScript Object Notation) est un format standard ouvert pour stocker et échanger des données. Il est basé sur la syntaxe JavaScript, utilise le format texte pour représenter les données, a une bonne lisibilité, est concis et facile à comprendre. Le format JSON se compose de paires clé-valeur, représentant un ensemble d'objets JavaScript.
Par exemple, ce qui suit est une simple donnée JSON :
{ "name": "Tom", "age": 18, "gender": "male" }
Parmi eux, le nom de l'attribut est placé entre guillemets doubles et la valeur de l'attribut peut être une chaîne, un nombre , valeur booléenne ou tableau, objet et autres types.
Deux méthodes pour convertir JSON en entité
En JavaScript, il existe généralement deux méthodes pour convertir JSON en objets d'entité : la méthode de conversion manuelle et l'utilisation de la méthode d'une bibliothèque tierce.
La méthode de conversion manuelle nécessite l'écriture de code JavaScript pour analyser les données JSON et les convertir en objets d'entité. Tout d’abord, nous devons définir un objet entité, puis parcourir les données JSON et attribuer la paire clé-valeur de chaque attribut à l’attribut correspondant de l’objet entité. Voici un exemple simple :
// 定义实体类 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } // 解析JSON数据 var jsonStr = '{"name": "Tom", "age": 18, "gender": "male"}'; var jsonObj = JSON.parse(jsonStr); var person = new Person(jsonObj.name, jsonObj.age, jsonObj.gender); // 使用实体对象 console.log(person.name); // Tom console.log(person.age); // 18 console.log(person.gender); // male
Bien que la méthode de conversion manuelle soit simple et facile à apprendre, elle nécessite beaucoup de temps et d'énergie. Pour les cas où la structure des données JSON est plus complexe, le manuel. La méthode de conversion est plus complexe et la portion de code est également énorme.
L'utilisation de bibliothèques tierces peut simplifier le processus de conversion de JSON en entités. Il existe actuellement deux bibliothèques JSON courantes sur le marché : jQuery et Lodash. Voici un exemple de code qui utilise la bibliothèque Lodash pour convertir JSON en un objet entité :
// 引入Lodash库 var _ = require('lodash'); // 定义实体类 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } // 解析JSON数据 var jsonStr = '{"name": "Tom", "age": 18, "gender": "male"}'; var person = _.assign(new Person(), JSON.parse(jsonStr)); // 使用实体对象 console.log(person.name); // Tom console.log(person.age); // 18 console.log(person.gender); // male
Dans l'exemple de code ci-dessus, nous utilisons la méthode d'affectation de la bibliothèque Lodash pour attribuer des données JSON à l'entité. objet. La méthode assign de Lodash peut attribuer les propriétés d'un ou plusieurs objets source à l'objet cible et renvoyer l'objet cible. Si le même nom d'attribut existe dans les objets source et cible, les valeurs d'attribut suivantes écraseront les valeurs précédentes.
Summary
Dans cet article, nous avons expliqué comment convertir JSON en objets d'entité à l'aide de JavaScript. Bien que la méthode de conversion manuelle soit plus fastidieuse, elle peut vous aider à améliorer votre compréhension des objets JSON et JavaScript. L'utilisation de méthodes de bibliothèque tierces peut simplifier le code et obtenir une plus grande efficacité, mais cela nécessite d'utiliser la bibliothèque correspondante et de comprendre comment l'utiliser. Quoi qu'il en soit, la conversion est relativement simple une fois que vous comprenez les concepts de base de JSON et des objets d'entité.
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!