Convertir JSON en objet en JavaScript

Siddharth Swami 18 octobre 2021

JavaScript JavaScript JSON JSON Object

JSON est un langage léger et basé sur du texte pour le stockage et le transfert de données. JSON représente deux types structurés qui sont des objets et des tableaux. Il est basé sur des objets JavaScript et signifie JavaScript Object Notation. JSON est principalement utilisé dans l’échange de données vers/depuis le Web.

Ce didacticiel montre comment transformer en toute sécurité une chaîne JSON en objet.

Les données sont reçues du serveur sous la forme d’une chaîne, valeur numérique ou date. Nous devons donc changer les données en un objet pour exécuter le fichier. Nous avons une fonction connue sous le nom de JSON.parse() en JavaScript utilisée pour analyser les données qui deviennent un objet JavaScript. La fonction analyse le texte complet fourni par le serveur, puis le transforme en objet.

Le code suivant montre l’utilisation de la fonction JSON.parse().

<!DOCTYPE html>
<html>
<body>
<p id="example"></p>

<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>

</body>
</html>

Production:

ram, 22

Dans l’exemple ci-dessus, nous avons un texte JSON qui se compose d’un nom et de la ville où vit une personne, qui est ensuite analysé en créant un objet pour elle. Ensuite, en utilisant la fonction getElementById(), nous pouvons obtenir les valeurs requises.

Une autre façon d’utiliser le JSON.parse() consiste à utiliser la fonction let() en JavaScript. Ici, nous pouvons directement analyser le texte sans l’affecter d’abord à une variable, puis l’analyser.

Voir le code suivant.

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;

</script>
</body>
</html>

Production:

ram, 22

En JSON, les objets date ne sont pas autorisés. Nous devons donc l’écrire sous forme de chaîne en JSON, puis le reconvertir en objet date à l’aide de la fonction Date().

Par exemple,

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth; 
</script>

</body>
</html>

Production:

Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)

Convertir JSON en objet en JavaScript

Article connexe - JavaScript JSON

Article connexe - JSON Object