٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

JSON فرمی برای ذخیره و انتقال داده است. JSON اغلب هنگام ارسال داده ها از سرور به صفحه وب استفاده می شود. JSON چیست؟ JSON مخفف J ava S cript O bject N otation است JSON یک قالب تبادل داده سبک وزن است JSON زبان مستقل است * JSON…

محمد یوسفی

23 جولای 2021

JSON فرمی برای ذخیره و انتقال داده است.

JSON اغلب هنگام ارسال داده ها از سرور به صفحه وب استفاده می شود.


JSON چیست؟

  • JSON مخفف J ava S cript O bject N otation است
  • JSON یک قالب تبادل داده سبک وزن است
  • JSON زبان مستقل است *
  • JSON “توصیف خود” است و درک آن آسان است

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


مثال JSON

این نحو JSON شی object کارمندان را تعریف می کند: آرایه ای از 3 رکورد کارمند (اشیا):

مثال JSON

{
"employees":[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]
}

قالب JSON برای اشیا Java جاوا اسکریپت ارزیابی می شود

قالب JSON از نظر نحوی با کد ایجاد اشیا Java جاوا اسکریپت یکسان است.

به دلیل همین شباهت ، یک برنامه JavaScript می تواند داده های JSON را به راحتی به اشیا native جاوا اسکریپت بومی تبدیل کند.


قوانین نحو JSON

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


داده های JSON – یک نام و یک ارزش

داده های JSON دقیقاً مانند خصوصیات شی JavaScript به صورت جفت نام / مقدار نوشته می شوند.

یک جفت نام / مقدار از یک نام فیلد (در دو نقل قول) تشکیل شده است ، پس از آن یک دو نقطه ، و سپس یک مقدار دنبال می شود:

"firstName":"John"

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


اشیا J JSON

اشیا J JSON در داخل بریس های فرفری نوشته شده اند.

درست مانند JavaScript ، اشیا می توانند چندین جفت نام / مقدار داشته باشند:

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

آرایه های JSON

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

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

"employees":[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]

در مثال بالا ، شی “کارمندان” یک آرایه است. این شامل سه جسم است.

هر شی ثبت یک شخص است (با یک نام و نام خانوادگی).


تبدیل متن JSON به یک شی Java JavaScript

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

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

ابتدا یک رشته JavaScript حاوی نحو JSON ایجاد کنید:

let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

سپس ، از تابع داخلی جاوا اسکریپت JSON.parse()برای تبدیل رشته به یک شی JavaScript استفاده کنید:

const obj = JSON.parse(text);

سرانجام ، از شی object جدید JavaScript در صفحه خود استفاده کنید:

مثال

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها