ساخت یک شیء (Object) در JavaScript و تبدیل آن به ساختار JSON ، با تابع JSON.stringify ، در JavaScript
همان طور که در مباحث اولیه شرح دادیم، ساختار JSON ابتدا در زبان JavaScript طراحی شده و مورد استفاده قرار گرفت، اما با توجه به کاربردی و مناسب بودن آن، در سایر زبان های برنامه نویسی نیز مورد استفاده قرار گرفت و بنابراین در زبان های برنامه نویسی مختلف، توابع (Function) و روش های (Method) مختلفی برای کار بر اساس ساختار JSON طراحی گردید.
اکنون که ما قصد داریم چگونگی تبدیل یک شیء (Object) به ساختار JSON را شرح بدهیم، می توانیم هر یک از این زبان های مختلف را برای این عملیات انتخاب نماییم، اما با توجه به اینکه ساختار JSON برای اولین بار در JavaScript مورد استفاده قرار گرفت و همچنین نسبتا ساده بودن اجرای JavaScript (اجرای آن نیاز به نصب بسته های نرم افزاری خاصی ندارد)، این آموزش را بر اساس زبان JavaScript ارائه خواهیم کرد.
برای این منظور، یک صفحه HTML ساخته و با نوشتن مقداری کد JavaScript در آن، ابتدا یک شیء (Object) تعریف می کنیم که در آن، اطلاعات مورد نظرمان قرار گرفته است و سپس با استفاده از تابع JSON.stringify در JavaScript ، آن شیء (Object) را به ساختار JSON تبدیل می کنیم و سپس ساختار JSON را در خروجی صفحه نمایش می دهیم.
به مثال زیر توجه کنید :
کد کامل صفحه HTML :
در کد بالا، یک شیء (Object) با نام Kelidestan_Object تعریف کرده ایم که 3 متغیر در آن تعریف شده است و مقدار 3 متغیر را با استفاده از تابع document.write ، در خروجی نمایش داده ایم (با استفاده از Kelidestan_Object.id و Kelidestan_Object.name و Kelidestan_Object.city به متغیرها اشاره کرده ایم) :
استفاده از تگ br برای این است که هر مقدار، در یک خط جدید در صفحه HTML نمایش داده شود.
سپس با استفاده از تابع JSON.stringify ، شیء Kelidestan_Object را به ساختار JSON تبدیل می کنیم که در یک متغیر از نوع رشته (String) و با نام Kelidestan_JSON ذخیره می شود و آن را در خروجی نمایش می دهیم :
نتیجه :
در مثال قبلی، کلیه کاراکترهای موجود در ساختار JSON ، بدون فاصله در کنار هم قرار گرفته بودند، برای اینکه تعدادی کاراکتر فاصله (space) در ساختار JSON قرار بگیرد تا بخش های مختلف آن را بهتر تشخیص دهیم، می توانیم تابع JSON.stringify را به صورت زیر به کار ببریم :
همان مثال قبل را تکرار می کنیم و این بار تعدادی کاراکتر فاصله (space) نیز در ساختار JSON قرار می دهیم تا خواندن آن راحت تر باشد :
که در آن، بخش زیر از کدها تغییر کرده است :
نتیجه :
