JSON در جاوااسکریپت

با معرفی JSON در جاوااسکریپت همراه ما باشید.

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

رمزگذاران معمولاً از JavaScript JSON استفاده می کنند زیرا این کار آسان تر است: JSON مبتنی بر JavaScript است.

بعد از خواندن این آموزش ، می توانید متن JSON را در یک شی JavaScript تجزیه کرده و از آن در کارهای روزمره خود استفاده کنید. شما همچنین نحو JSON را خواهید فهمید که ممکن است مشابه نوشتن اشیا Java و آرایه های JavaScript باشد.

نکات اصلی JSON در جاوااسکریپت:

• JSON قالبی است که می توانید از آن برای ذخیره و انتقال داده استفاده کنید.
• محبوب ترین کاربرد JSON ارسال داده ها از سرورها به صفحات وب است.
• این یک قالب سازگار با منابع است که عمدتا برای کار با داده استفاده می شود.

JSON در جاوااسکریپت چیست؟

• نام JSON مخفف JavaScript Object Notation است.
• JSON به زبان برنامه نویسی وابسته نیست.

نحو JSON

برای درک بهتر این قالب داده ، چند نمونه از قالب JSON را مشاهده خواهیم کرد. بیایید ابتدا چند قانون اساسی را به درستی دریافت کنیم:

• داده ها به صورت جفتی از نام / مقدار قرار داده می شوند ، سپس با کاما از هم جدا می شوند.
• از مهاربندهای مجعد برای قرار دادن اشیا استفاده می شود.
• از براکت های مربعی برای آرایه های JSON استفاده می شود.

به عنوان مثال ، برای توصیف کارمند شی ، از نحو JSON در زیر استفاده می کنیم:

"employee":[
    {"firstName":"Bob", "lastName":"Dilon"}, 
    {"firstName":"Ben", "lastName":"Aflik"},
    {"firstName":"Natalie", "lastName":"Kidmun"},
]

توجه: نحو JSON از نشانه گذاری شی JavaScript نشات گرفته است ، اما قالب JSON یک قالب فقط متن است. این را می توان به زبان های مختلف برنامه نویسی تعریف یا نوشت.

داده های استفاده شده با JSON به عنوان جفت نام / مقدار درج می شود. جفت نام / مقدار دارای یک نام فیلد ، دو نقطه و یک مقدار است:

"name":"Bob"

اشیا JSON درون پرانتزهای مجعد نوشته شده اند. آنها می توانند جفت های مختلفی از نام / مقدار را در خود نگه دارند:

{"firstName":"Bob", "lastName":"Doe"}

آرایه های JSON درون پرانتز مربع نوشته می شوند. همچنین می توانید آرایه ای از JSON داشته باشید:

"employee":[
    {"firstName":"Bob", "lastName":"Dilon"}, 
    {"firstName":"Ben", "lastName":"Aflik"},
    {"firstName":"Natalie", "lastName":"Kidmun"},
]

شی JSON

یک روش محبوب برای استفاده از JSON کار با داده های وب سرور و سپس نمایش آنها در یک صفحه وب است. ما این را با استفاده از مثال قالب JSON با یک رشته به عنوان ورودی خود نشان خواهیم داد.

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

var userData = '{ "employee" : [' +
'{ "firstName":"Bob" , "lastName":"Dilon" },' +
'{ "firstName":"Ben" , "lastName":"Aflik" },' +
'{ "firstName":"Natalie" , "lastName":"Kidmun" } ]}';

سپس ، با استفاده از تابع جاوا اسکریپت JSON.parse یکپارچه ، رشته را به شی object JavaScript تغییر می دهیم:

var ob = JSON.parse(txt);

آخرین مرحله کار با شی جدید JavaScript در صفحه است:

document.getElementById("example").innerHTML =
ob.employee[1].firstName + " " + ob.employee[1].lastName;

خلاصه JSON در جاوااسکریپت:

• برای ذخیره و انتقال داده ها می توانید از JSON استفاده کنید.
• نحو JSON همان کد تولید اشیا در JavaScript است.
• برنامه های جاوا اسکریپت می توانند به راحتی مجموعه ای از اشیا JSON را به اشیا native بومی جاوا اسکریپت تبدیل کنند.
• JSON به زبان برنامه نویسی وابسته نیست.