آموزش جاوا اسکریپت

آموزش ‌کار با JSON در جاوااسکریپت

جیسون چیست؟

قبل از شروع آموزش JSON، بیاید ببینیم اصلا JSON چی هست؟

جیسون (به انگلیسی:‌JSON) حروف اختصاری معادل Javascript Object Notation هستش.

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

برای مطالعه بیشتر درباره جیسون،‌ صفحه جیسون در ویکی پدیا را ببینید.

اگر با Object ها در جاوا اسکریپت آشنایی ندارید،‌این مطلب رو ببینید.

ساختار JSON

پسوند فایلهای جیسون، json. هستش.

جیسون به صورت یک مجموعه از کلید-مقدار ها (به انگلیسی: key-value) نوشته میشه:

{
     "firstName": "John",
     "lastName" : "Smith",
     "age"      : 25,
     "address"  : "valiasr street"
}

تفاوت JSON و Object در جاوااسکرپت

تفاوتشون اینه که آبجکت جاوااسکریپت، کلیدش کوتیشن نداره:

// آبجکت جاوااسکریپت 
{
     firstName: "John",
     lastName : "Smith",
     age      : 25,
     address  : "valiasr street"
}

// جیسون 
{
     "firstName": "John",
     "lastName" : "Smith",
     "age"      : 25,
     "address"  : "valiasr street"
}

کاربرد های JSON

  • ذخیره داده ها
  • ارسال داده ها
  • وب سرویس ها و API ها
  • استفاده در AJAX

آرایه ها در JSON و جیسون های تو در تو

مجموعه به عنوان مقدار (جیسون های تو در تو)

هر مقدار (value) در جیسون میتونه یک مقدار تکی و یا یک مجموعه باشه:

{
     "firstName": "John",
     "lastName" : "Smith",
     "age"      : 25,
     "address"  :
     {
         "streetAddress": "21 2nd Street",
         "city"         : "New York",
         "state"        : "NY",
         "postalCode"   : "10021"
     }
}

در مثال بالا، کلید address یک مجموعه رو بعنوان مقدار به خودش اختصاص داده.

آرایه ای از مجموعه ها به عنوان مقدار

هر مقدار (value) میتونه آرایه ای از مجموعه ها باشه. مثلا در مثال زیر، میخوایم چندتا شماره تلفن رو توی جیسون داشته باشیم که هر کدوم یک مجموعه باشه و نام و توضیحات مربوط به خودش رو داشته باشه:‌

{
     "firstName": "John",
     "lastName" : "Smith",
     "age"      : 25,
     "address"  : "valiasr street"
     "phoneNumber":
     [
         {
           "type"  : "office",
           "number": "212 555-1234"
         },
         {
           "type"  : "mobile",
           "number": "0919-123-45-67"
         },
         {
           "type"  : "fax",
           "number": "646 555-4567"
         }
     ]
}

تبدیل JSON به Object جاوااسکریپت با استفاده از JSON.parse

برای تبدیل یک دیتای String به Json ، از JSON.parse استفاده می کنیم. این متد، جیسون بر می گراند.

//یک رشته استرینگ با فرمت جیسو را داخل متغیر دیتا ریختیم
var theJson = '[{"name":"hamed","family":"askarian","age":33},{"name":"ahmad","family":"zoughi","age":66}]'

// متغیر دیتا را به متد جیسون پارس دادیم که تبدیلش کنه به آبجکت 
var theObject = JSON.parse(theJson)

تبدیل Object جاوااسکریپت به JSON با استفاده از JSON.srtingify

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

// یک آبجکت جاوااسکریپت ایجاد کردیم
var myObject = {name:"hamed", family:"askarian", age:33}

// آبجکت جاوااسکریپت رو به استرینگ تبدیل کردیم
// این استرینگ مثل جیسون کلیدهارو میذاره توی کوتیشن
var theString = JSON.stringify(myObject)

مطلب آموزش JSON به مرور تکمیل خواهد شد.

حامد عسکریان

برنامه نویس و عاشق تکنولوژی

دیدگاهتان را بنویسید

دکمه بازگشت به بالا
بستن
بستن