Comment créer une chaîne JSON en JavaScript ?

Question

window.onload = function(){
    var obj = '{
            "name" : "Raj",
            "age"  : 32,
            "married" : false
            }';

    var val = eval('(' + obj + ')');
    alert( "name : " + val.name + "\n" +
           "age  : " + val.age  + "\n" +
           "married : " + val.married );

}

Dans un code comme celui-ci, j'essaie de créer une chaîne JSON juste pour m'amuser. Il jette l'erreur, mais si je mets tout le nom, l'âge, marié dans une seule ligne (ligne 2) il ne fait pas. Quel est le problème ?

Answer 1

La façon dont je le fais est :

   var obj = new Object();
   obj.name = "Raj";
   obj.age  = 32;
   obj.married = false;
   var jsonString= JSON.stringify(obj);

Je suppose que cette méthode permet de réduire les risques d'erreur.

Answer 2

Avertissement : Ce n'est pas une réponse à suivre pour la meilleure façon de créer JSON en JavaScript lui-même. Cette réponse aborde principalement la question "quel est le problème ?" ou POURQUOI le code ci-dessus ne fonctionne pas - qui est une mauvaise tentative de concaténation de chaîne en JavaScript et ne s'attaque pas à la raison pour laquelle la concaténation de chaîne est une très mauvaise façon de créer une chaîne JSON en premier lieu.

Voir ici pour la meilleure façon de créer JSON : https://stackoverflow.com/a/13488998/1127761

Lisez cette réponse pour comprendre pourquoi l'exemple de code ci-dessus ne fonctionne pas.

Javascript ne gère pas les chaînes de caractères sur plusieurs lignes.

Vous devrez les concaténer :

var obj = '{'
       +'"name" : "Raj",'
       +'"age"  : 32,'
       +'"married" : false'
       +'}';

Vous pouvez également utiliser des littéraux de modèle dans ES6 et les versions supérieures : ( Voir ici pour la documentation )

var obj = `{
           "name" : "Raj",
           "age" : 32,
           "married" : false,
           }`;

Answer 3

La fonction JSON.stringify transformera votre objet json en une chaîne de caractères :

var jsonAsString = JSON.stringify(obj);

Dans le cas où le navigateur ne l'implémente pas (IE6/IE7), utilisez la balise JSON2.js script. C'est sûr car il utilise l'implémentation native si elle existe.

Answer 4

Cela peut être assez facile et simple

var obj = new Object();
obj.name = "Raj";
obj.age = 32;
obj.married = false;

//convert object to json string
var string = JSON.stringify(obj);

//convert string to Json Object
console.log(JSON.parse(string)); // this is your requirement.

Answer 5

Utilisez JSON.stringify :

> JSON.stringify({ asd: 'bla' });
'{"asd":"bla"}'