تبدیل اشیاء جاوا اسکریپت به جیسون

در این مقاله به توضیح نحوه تبدیل اشیائ به رشته جیسون میپردازیم این آموزش مقدمه ای برای ارسال اشیاء به سرور است.

آموزش جیسون

برای تبدیل اشیاء جاوا اسکریپت به جیسون از متد JSON.stringify(). استفاده کنید.

کد زیر یک شیئ جاوا اسکریپت را نشان میدهد:

var obj = { "name":"John", "age":30, "city":"New York"};

از عملگر JSON.stringify() برای تبدیل این شیئ به رشته استفاده کنید:

var myJSON = JSON.stringify(obj);

نتیجه رشته ای خواهد بود که توسط جیسون قابل استفاده است.

متغییر myJSON الان بصورت یک رشته است و میتوان آن را به سرور فرستاد :

var obj = { "name":"John", "age":30, "city":"New York"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

مشاهده نتیجه

در آموزش های بعدی نحوه ارسال داده توسط جیسون به سرور را فرا خواهیم گرفت.

تبدیل یک آرایه به جیسون

شما میتوانید یک آرایه جاوا اسکریپت را به محتوای جیسون تبدیل کنید.

در زیر یک آرایه جاوا اسکریپت را مشاهده می کنید.

var arr = [ "John", "Peter", "Sally", "Jane" ];

میتوان با دستورالعمل زیر این آرایه را به رشته تبدیل کرد :

var myJSON = JSON.stringify(arr);

حالا میتوان محتوای متغییر myJSON را به سرور ارسال کنید:

var arr = [ "John", "Peter", "Sally", "Jane" ];
var myJSON = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myJSON;

مشاهده نتیجه

استثناء

تبدیل تاریخ به رشته جیسون

جیسون نمی تواند از شیئ تاریخ استفاده کند. برای اینکار میتوانید با عملگر JSON.stringify() شئی تاریخ را به رشته جیسون تبدیل کنید:

var obj = { "name":"John", "today":new Date(), "city":"New York"};
var myJSON = JSON.stringify(obj);

document.getElementById("demo").innerHTML = myJSON;

مشاهده نتیجه

شما میتوانید یک رشته را به شیئ تاریخ بازگردانی کنید.

تبدیل عملگر به رشته جیسون

در جیسون ، شما امکان استفاده از عملگر را بعنوان یک مقدار ندارید.

برای استفاده از یک عملگر باید از دستور JSON.stringify() استفاده کنید. به این ترتیب عملگرها همراه با کلید و مقدار به رشته جیسون تبدیل خواهندشد:

var obj = { "name":"John", "age":function () {return 30;}, "city":"New York"};
var myJSON = JSON.stringify(obj);

document.getElementById("demo").innerHTML = myJSON;

مشاهده نتیجه

شما میتوانید از کد زیر هم استفاده کنید:

var obj = { "name":"John", "age":function () {return 30;}, "city":"New York"};
obj.age = obj.age.toString();
var myJSON = JSON.stringify(obj);

document.getElementById("demo").innerHTML = myJSON;