دستور JSON.stringify()
در این قسمت از سری مقالات آموزش JSON در کدفرند، به یادگیری و بررسی دستور JSON.stringify() خواهیم پرداخت.
اگر بخش قبلی از سری مقالات آموزشی JSON را مطالعه نکردید، اینجا کلیک کنید.
همانطور که میدانید، یکی از مهمترین کاربردهای JSON، تبادل داده با وب سرور است.
وقتی بخواهیم به یک سرور دادهای را ارسال کنیم، آن داده حتما باید از نوع String باشد.
دستور JSON.stringify() برای تبدیل آبجکت جاوااسکریپت به String بکار میرود.
آبجکت جاوااسکریپت را Stringify کنید
تصور کنید که ما آبجکتی به شکل زیر داریم:
var obj = { name: "John", age: 30, city: "New York" };
حال با استفاده از دستور JSON.stringify() این آبجکت را میتوانیم به رشته یا String تبدیل کنیم:
var myJSON = JSON.stringify(obj);
نتیجه بکارگیری دستور بالا، یک String با فرمت JSON و حاوی دادههای آبجکتمان خواهد بود.
اکنون در مثال بالا، متغیر myJSON یک string است و میتوانیم آنرا به سرور ازسال کینم. برای مثال:
var obj = { name: "John", age: 30, city: "New York" }; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
آرایه جاوااسکریپت را Stringify کنید
همچنین میتوان آرایه جاوااسکریپت را Stringify کرد.
تصور کنید که ما آرایهای به شکل زیر داریم:
var arr = [ "John", "Peter", "Sally", "Jane" ];
حال با استفاده از دستور JSON.stringify() این آرایه را میتوانیم به رشته یا String تبدیل کنیم:
var myJSON = JSON.stringify(arr);
نتیجه بکارگیری دستور بالا، یک String با فرمت JSON و حاوی دادههای آرایهمان خواهد بود.
اکنون در مثال بالا، متغیر myJSON یک string است و میتوانیم آنرا به سرور ازسال کینم. برای مثال:
var arr = [ "John", "Peter", "Sally", "Jane" ]; var myJSON = JSON.stringify(arr); document.getElementById("demo").innerHTML = myJSON;
توابع و آبجکتهای تاریخ
در JSON شما نمیتوانید توابع (functions) و تاریخ (Date) را بکار ببرید. بنابراین برای ارسال این نوع دادهها نیز باید آنها را به String تبدیل کنید.
به مثالهای زیر توجه داشته باشید:
Stringify Dates
var obj = { name: "John", today: new Date(), city : "New York" }; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
Stringify Functions
var obj = { name: "John", age: function () {return 30;}, city: "New York"}; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
پشتیبانی مرورگرها – Browser Support
متد JSON.stringify() در تمامی مرورگرهای اصلی و شاخص و در ECMAScript آخرین استاندارد (جاوااسکریپت) include شده است و پشتیبانی میشود.
در این مطلب به بررسی و یادگیری دستور Stringify در JSON پرداختیم. این مطلب مکمل مقاله قبلی از این سری با عنوان آموزش دستور Parse در JSON میباشد.
ممنون از همراهیتان.
*
برچسب:JavaScript, js, JSON, server, stringify, برنامهنویسی, جاوااسکریپت, جیسون, طراحیوب