JSON | Stringify

JSON Stringify

– أشهر طريقة تستخدم لتبادل البيانات من والى خادم الويب Web Server.

– عند ارسال البيانات الى خادم الويب يجب أن تكون البيانات نصية String لذلك نستخدم () JSON.stringify لتحويل كائن Javascript الى بيانات نصية String.

مثال: لدينا كائن Javascript ونريد تحويلة الى بيانات نصية String، لارسالة للخادم، هذه البيانات :

{username: "Hamed", userStatus: "Offline"};

لكى نحولها الى String لارسالها، نستخدم دالة () JSON.stringify :

JSON.stringify({username: "Hamed", userStatus: "Offline"});

Done: الأن البيانات تم تحويلها الى بيانات نصية String ، ويمكنك ارسالها الى الخادم Server الأن.

المثال كامل :-

 var obj = {username: "Hamed", userStatus: "Offline"};
 var myJson = JSON.stringify(obj);
 console.log(myJson);

{Output} = {“username”: “Hamed”,  “userStatus”: “Offline”}

Srtingify with Array

يمكنك استخدام  () JSON.stringify مع المصفوفات.

المصفوفات Arrays فى Javascript كالتالى:-

["one", "two", "three"];

لتحويل هذه المصفوفة الى String نستخدم () JSON.stringify :-

JSON.stringify(["one", "two", "three"]);

المثال كامل :-

 var myArr = ["one", "two", "three"];
 var myJSON = JSON.stringify(myArr);
 console.log(myJSON);

{Output} => “[“one”,”two”,”three”]”

Stringify with function

– لا يسمح بالوظائف Functions فى قيم الكائن ، لذلك تأتى دور () JSON.stringify لازالة أى Functions من كائن Javascript ، سواء كان (Key – Value).

مثال للتوضيح :-

    var userInfo = { id: 50, username: "Hamed", gender: "Male" };

    function changeId(key, value) {
      if (value === 50) {
        return 51;
      } else {
        return value;
      }
    }

    var myJSON = JSON.stringify(userInfo, changeId);
    console.log(myJSON);

{Output} => {“id”:51,”username”:”Hamed”,”gender”:”Male”}

دعم المتصفحات 

تدعم جميع المتصفحات الحديثة دالة () JSON.stringify، تحدد هذه الأرقام فى الجدول التالى اصدار المتصفح الأول الذى يدعم دالة () JSON.stringify:

Quote This Lesson:-

“Coding is other type of magic!”
― Deyth Banger

لا تنسي متابعتنا على مواقع التواصل الإجتماعى👇🏻👇🏻