JSON در JavaScript

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

JSON معمولاً در ارسال داده‌ها از سرور به وب‌سایت استفاده می‌شود.

JSON چیست؟

  • JSON به معنای JavaScript Object Notation
  • JSON یک قالب داده‌تبادل سبک است
  • JSON مستقل از زبان است *
  • JSON "توضیح‌دهنده" و آسان برای درک است

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

مثال JSON

قالب JSON یک شیء کارمند را تعریف می‌کند: آرایه‌ای از سه رکورد کارمند (شیء):

مثال JSON

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

قالب JSON به عنوان یک شیء JavaScript ارزیابی می‌شود

قالب JSON در زبان نوشتن با کد ایجاد شیءهای JavaScript مشابه است.

به دلیل این شباهت، برنامه‌های JavaScript می‌توانند به راحتی داده‌های JSON را به شیءهای محلی JavaScript تبدیل کنند.

قوانین نویسی JSON

  • داده‌ها نام/ارزش هستند
  • داده‌ها توسط کاما جدا می‌شوند
  • گوشه‌های سمت چپ و راست شیء را نگه می‌دارند
  • گوشه‌های سمت چپ و راست آرایه را نگه می‌دارند

داده‌های JSON - نام و ارزش

نحوه نوشتن داده‌های JSON مشابه ویژگی‌های شیءهای JavaScript است.

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

"firstName":"Bill"

نام‌های JSON باید در نقل قول‌های دوگانه باشند. نام‌های JavaScript نیاز به نقل قول ندارند.

شیء JSON

شیءهای JSON در گوشه‌های سمت چپ و راست نوشته می‌شوند.

مانند JavaScript، شیءها می‌توانند شامل چندین نام/ارزش باشند:

{"firstName":"Bill", "lastName":"Gates"}

آرایه JSON

آرایه‌های JSON در گوشه‌های سمت چپ و راست نوشته می‌شوند.

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

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

در مثال بالا، شیء "employees" یک آرایه است. شامل سه شیء است.

هر شیء یک رکورد از یک فرد را نمایندگی می‌کند (با نام و نام خانوادگی).

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

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

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

ابتدا، یک رشته JavaScript شامل قوانین JSON ایجاد کنید:

var text = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

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

var obj = JSON.parse(text);

در نهایت، لطفاً این شیء جدید JavaScript را در صفحه خود استفاده کنید:

مثال

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

آزمایش کنید

شما می‌توانید در آموزش JSON در اینجا بیشتر درباره JSON بخوانید.