web-dev-qa-db-fra.com

Différence entre JSON.stringify et JSON.parse

J'ai eu du mal à savoir quand utiliser ces deux méthodes d'analyse.

Après avoir répété mes données json_encoded et les avoir récupérées via ajax, je me demande souvent quand je devrais utiliser JSON.stringify et JSON.parse.

Je reçois [object,object] dans mon console.log lors de l'analyse et un objet JavaScript lors de la codification.

$.ajax({
url: "demo_test.txt",
success: function(data) {
         console.log(JSON.stringify(data))
                     /* OR */
         console.log(JSON.parse(data))
        //this is what I am unsure about?
    }
});
javascriptjson
425
HIRA THAKUR

JSON.stringify transforme un objet JavaScript en texte JSON et stocke ce texte JSON dans une chaîne, par exemple:

var my_object = { key_1: "some text", key_2: true, key_3: 5 };

var object_as_string = JSON.stringify(my_object);  
// "{"key_1":"some text","key_2":true,"key_3":5}"  

typeof(object_as_string);  
// "string"

JSON.parse transforme une chaîne de texte JSON en objet JavaScript, par exemple:

var object_as_string_as_object = JSON.parse(object_as_string);  
// {key_1: "some text", key_2: true, key_3: 5} 

typeof(object_as_string_as_object);  
// "object"
638
Quentin

JSON.parse() est destiné à "analyser" quelque chose qui a été reçu au format JSON.
JSON.stringify() consiste à créer une chaîne JSON à partir d'un objet/d'un tableau.

53
Bjorn 'Bjeaurn' S

Ils sont l'inverse de l'autre. JSON.stringify() sérialise un objet JS dans une chaîne JSON, tandis que JSON.parse() désérialise une chaîne JSON dans un objet JS.

42
bluehallu

Ils sont les contraires les uns des autres.

JSON.stringify ()

JSON.stringify () sérialise un objet JS en une chaîne JSON.

JSON.stringify({});                  // '{}'
JSON.stringify(true);                // 'true'
JSON.stringify('foo');               // '"foo"'
JSON.stringify([1, 'false', false]); // '[1,"false",false]'
JSON.stringify({ x: 5 });            // '{"x":5}'

JSON.stringify(new Date(2006, 0, 2, 15, 4, 5)) 
// '"2006-01-02T15:04:05.000Z"'

JSON.stringify({ x: 5, y: 6 });
// '{"x":5,"y":6}' or '{"y":6,"x":5}'
JSON.stringify([new Number(1), new String('false'), new Boolean(false)]);
// '[1,"false",false]'

JSON.parse ()

La méthode JSON.parse () analyse une chaîne au format JSON, transformant éventuellement la valeur générée.

JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null');            // null
23
Bhushan Gadekar

Tout d'abord, la fonction JSON.stringify() convertit une valeur JavaScript en une chaîne JSON (JavaScript Object Notation). La fonction JSON.parse() convertit une chaîne JSON (JavaScript Object Notation) en un objet. Pour plus d'informations sur ces deux fonctions, veuillez vous reporter aux liens suivants.

https://msdn.Microsoft.com/library/cc836459 (v = vs.94) .aspxhttps://msdn.Microsoft.com/library/cc836466 (v = vs .94) .aspx

Deuxièmement, l'exemple suivant vous aidera à comprendre ces deux fonctions.

<form id="form1" runat="server">
    <div>
        <div id="result"></div>
    </div>
</form>

<script>
    $(function () {
        //define a json object
        var employee = { "name": "John Johnson", "street": "Oslo West 16", "phone": "555 1234567" };

        //use JSON.stringify to convert it to json string
        var jsonstring = JSON.stringify(employee);
        $("#result").append('<p>json string: ' + jsonstring + '</p>');

        //convert json string to json object using JSON.parse function
        var jsonobject = JSON.parse(jsonstring);
        var info = '<ul><li>Name:' + jsonobject.name + '</li><li>Street:' + jsonobject.street + '</li><li>Phone:' + jsonobject.phone + '</li></ul>';

        $("#result").append('<p>json object:</p>');
        $("#result").append(info);
    });
</script>
20
Mou
var log = { "page": window.location.href, 
        "item": "item", 
        "action": "action" };

log = JSON.stringify(log);
console.log(log);
console.log(JSON.parse(log));

// Le résultat sera:

// Pour la 1ère console est une chaîne comme:

'{ "page": window.location.href,"item": "item","action": "action" }'

// Pour la 2ème console est un objet comme:

Object {
page   : window.location.href,  
item   : "item",
action : "action" }
14
anik islam Shojib

La vraie confusion ici ne concerne pas l'analyse vs stringify, mais le type de données du paramètre data du rappel de réussite.

data peut être soit la réponse brute, c'est-à-dire une chaîne, soit un objet JavaScript, conformément à la documentation:

succès

Type: Fonction (Données quelconques, String textStatus, jqXHR jqXHR) Fonction à appeler si la demande aboutit. La fonction reçoit trois arguments: les données renvoyées par le serveur, formatées selon le paramètre dataType ou la fonction de rappel dataFilter, si elles sont spécifiées; <..>

Et le type de données par défaut est un paramètre de "devinette intelligente"

dataType (par défaut: Intelligent Guess (xml, json, script ou html))

Type: String Type de données que vous attendez du serveur. Si aucun n'est spécifié, jQuery va essayer de l'inférer le basé sur le type MIME de la réponse (un type XML MIME donnera XML, dans 1.4 JSON donnera un objet JavaScript, dans 1.4 le script exécutera le script, et tout le reste sera retourné sous forme de chaîne).

6
Patrick

JSON.stringify() Convertit un objet en chaîne.

JSON.parse() Convertit une chaîne JSON en objet.

6
Hamed Kamrava

Je ne sais pas si cela a été mentionné, mais l'une des utilisations de JSON.parse (JSON.stringify (myObject)) est de créer un clone de l'objet d'origine.

C'est pratique lorsque vous souhaitez manipuler certaines données sans affecter l'objet d'origine. Probablement pas le moyen le plus propre/le plus rapide mais certainement le plus simple pour les objets qui ne sont pas extrêmement complexes.

4
P. Brown

Ils sont complètement opposés les uns aux autres.

JSON.parse() est utilisé pour analyser données reçues sous la forme JSON; il désérialise une chaîne JSON en une Objet JavaScript .

JSON.stringify() permet en revanche de créer une chaîne JSON sur un objet ou array ; il sérialise un objet JavaScript en un Chaîne JSON .

4
user6788628

Objet JavaScript <-> Chaîne JSON

JSON.stringify() <-> JSON.parse()

JSON.stringify (obj) - Prend n'importe quel objet sérialisable et renvoie la représentation JSON sous forme de chaîne.

JSON.stringify() -> Object To String.

JSON.parse (string) - Prend une chaîne JSON bien formée et retourne l'objet JavaScript correspondant.

JSON.parse() -> String To Object.

Explication: JSON.stringify (obj [ replacer [ espace]]);

Remplacement/Espace - facultatif ou prend une valeur entière ou vous pouvez appeler une fonction de retour de type entier.

function replacer(key, value) {
    if (typeof value === 'number' && !isFinite(value)) {
        return String(value);
    }
    return value;
}
  • Replacer Just Utilisez pour remplacer non finite no par null.
  • Utilisation de l'espace pour indenter Json String par espace
4
Zigri2612

Ils s'opposent. JSON.Stringify() convertit JSON en chaîne et JSON.Parse() analyse une chaîne en JSON.

3
David Carmona

JSON.stringify(obj [, replacer [, space]]) - Prend n'importe quel objet sérialisable et renvoie la représentation JSON sous forme de chaîne.

JSON.parse(string) - Prend une chaîne JSON bien formée et retourne l'objet JavaScript correspondant.

3
Gladson Robinson

JSON: Il est principalement utilisé pour échanger des données vers/depuis le serveur. Avant d'envoyer l'objet JSON au serveur, il doit s'agir d'une chaîne.

JSON.stringify() //Converts the JSON object into the string representation.
var jsonData={"Name":"ABC","Dept":"Software"};// It is a JSON object
var jsonString=JSON.stringify(jsonData);// It is a string representation of the object
// jsonString === '{"Name":"ABC","Dept":"Software"}'; is true

Il convertit également le tableau Javascript en chaîne

var arrayObject=["ABC","Software"];// It is array object
var arrString=JSON.stringify(array);// It is string representation of the array (object)
// arrString === '["ABC","Software"]'; is true

Lorsque nous recevons les données JSON du serveur, celles-ci sont au format chaîne. Par conséquent, nous convertissons la chaîne en objet JSON.

JSON.parse() //To convert the string into JSON object.
var data='{ "name":"ABC", "Dept":"Software"}'// it is a string (even though it looks like an object)
var JsonData= JSON.parse(data);// It is a JSON Object representation of the string.
// JsonData === { "name":"ABC", "Dept":"Software"}; is true
1
Sheo Dayal Singh

JSON.parse () prend une chaîne JSON et la transforme en objet JavaScript.

JSON.stringify () prend un objet JavaScript et le transforme en chaîne JSON.

const myObj = {
      name: 'bipon',
      age: 25,
      favoriteFood: 'fish curry'
};

 const myObjStr = JSON.stringify(myObj);

console.log(myObjStr);
// "{"name":"bipon","age":26,"favoriteFood":"fish curry"}"

console.log(JSON.parse(myObjStr));
 // Object {name:"bipon",age:26,favoriteFood:"fish curry"}

const myArr = ['simon', 'gomez', 'john'];

const myArrStr = JSON.stringify(myArr);

console.log(myArrStr);
// "["simon","gomez","john"]"

console.log(JSON.parse(myArrStr));
// ["simon","gomez","john"]
0
Bipon Biswas

JSON.parse() est utilisé pour convertir String en Object.
JSON.stringify() est utilisé pour convertir un objet en chaîne.

Vous pouvez aussi vous référer à cela ...

<script type="text/javascript">

function ajax_get_json(){

    var hr = new XMLHttpRequest();
    hr.open("GET", "JSON/mylist.json", true);
    hr.setRequestHeader("Content-type", "application/json",true);
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
           /*  var return_data = hr.responseText; */

           var data=JSON.parse(hr.responseText);
           var status=document.getElementById("status");
           status.innerHTML = "";
           /* status.innerHTML=data.u1.country;  */
           for(var obj in data)
               {
               status.innerHTML+=data[obj].uname+" is in "+data[obj].country+"<br/>";
               }

        }
    }
    hr.send(null);
    status.innerHTML = "requesting...";
}
</script>
0
priya log