JSON معرفی (JSON Intro)
اینجا «معرفی JSON» را خیلی ساده می خوانیم. JSON یعنی قالب متنیِ داده. شبیه شیء جاوااسکریپت است. برای فرستادن، گرفتن، و ذخیره داده کاربرد دارد.
JSON چیست؟
JSON مخفف JavaScript Object Notation است. یعنی «یادداشتِ شیء جاوااسکریپت». متنِ ساده است و مستقل از زبان برنامه نویسی.
const txt = '{"name":"John", "age":30, "car":null}';
نام/مقدار در JSON
هر «ویژگی (Property)» یک نام و یک مقدار دارد. نام داخل دابل کوتیشن می آید. سپس دونقطه، بعد مقدار.
const pair = '"firstName":"John"';
شیءها و آرایه ها در JSON
شیءها داخل آکلاد می آیند. آرایه ها داخل براکت هستند. آرایه می تواند شیءها را نگه دارد.
const data = '{"employees":[{"firstName":"John", "lastName":"Doe"}, {"firstName":"Anna", "lastName":"Smith"}, {"firstName":"Peter", "lastName":"Jones"}]}';
تبدیل رشته JSON به شیء جاوااسکریپت
تابع JSON.parse() یک رشته JSON را به شیء تبدیل می کند. سپس می توانی مقادیر را بخوانی.
const obj = JSON.parse(data);
const first = obj.employees[1].firstName;
const last = obj.employees[1].lastName;
document.getElementById("demo").innerHTML = first + " " + last;
JSON و جاوااسکریپت
سینتکس JSON با شیءهای JS هم خانواده است. بنابراین، تبدیل بسیار راحت است. همچنین JSON.stringify() شیء را به رشته JSON برمی گرداند.
const person = { name: "John", age: 30 };
const jsonText = JSON.stringify(person);
گام های پیشنهادی تمرین
- یک رشته JSON بساز.
- با
JSON.parse()آن را شیء کن. - یک مقدار را در صفحه نشان بده.
جمع بندی سریع
- JSON متنِ ساده و قابل حمل است.
- ساختار نام/مقدار دارد.
- شیءها آکلاد دارند؛ آرایه ها براکت.
JSON.parse()متن را شیء می کند.JSON.stringify()شیء را متن می کند.