JSON در JavaScript

قبلی بعدی

JSON چیست؟

JSON، فرمتی برای انتقال شیء و آرایه بین زبان های مختلف است. JSON اطلاعات را در قالب رشته ارسال می کند.

این ساختار به صورت استاندارد رشته ای در اکثر زبان های برنامه نویسی پشتیبانی می شود.

let json = `{
    "name": "Ehsan",
    "family": "Eslami",
    "age": 31
}`;

فرض کنید می خواهیم از سرور یک شیء (آرایه) php را به js انتقال دهیم. (شیوه نگارش شیء php با js متفاوت است) چه کار باید بکنیم؟

برای این کار می توانیم شیء php را به قالب رشته جیسونی تبدیل کنیم و پس از ارسال به JS آن را مجددا به شیء JS تبدیل کنیم.

JSON مخفف JavaScript Object Notation (نشانه‌ گذاری شیء جاوا اسکریپت) است.

نکته: دلیل این نام گذاری به خاطر الهام گرفتن سازنده از ساختار شیء JS است.

نکته: JSON از نوع رشته و مستقل از زبان است.

در JS به کمک شیء سراسری JSON می توان از جیسون استفاده کرد:

JSON.stringify(): تبدیل آرایه یا شیء JS به رشته جیسونی
JSON.parse(): تبدیل رشته جیسونی به آرایه یا شیء

متد JSON.stringify()

متد JSON.stringify() یک شیء یا آرایه JS را به رشته جیسونی تبدیل می کند.

let obj = {
    name: "Ehsan",
    family: "Eslami",
    age: 31,
};

let json = JSON.stringify(obj);

let arr = ["Ehsan", "Amir", "Mahsa", "Mina"];
let json = JSON.stringify(arr);

با متد stringify حتی می توانیم شیء و آرایه تودرتو را به رشته جیسونی تبدیل کنیم.

let obj = {
    class: ["HTML", "CSS", "JS"],
    students: [
        {
            name: "Ehsan",
            family: "Eslami",
            age: 31
        }, {
            name: "Amir",
            family: "Shahi",
            age: 25
        }, {
            name: "Mahsa",
            family: "Fallah",
            age: 26
        }
    ]
};

let json = JSON.stringify(obj);

متد JSON.parse()

متد JSON.parse() یک رشته جیسونی را به شیء یا آرایه JS تبدیل می کند.

let json = `{"name": "Ehsan","family": "Eslami","age": 31}`;
let json = JSON.stringify(obj);

خلاصه درس

در این درس:

ساختار JSON
شیء سراسری JSON
متد JSON.stringify()
متد JSON.parse()

آشنا شدیم.

قبلی بعدی

توسعه دهندگان

دیبا جلالی