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

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

JSON چیست؟

{
    "book": {
        "name": "Harry Potter and the Goblet of Fire",
        "author": "J. K. Rowling",
        "year": 2000,
        "genre": "Fantasy Fiction",
        "bestseller": true
    }
}

{
    "fruits": [
        "Apple",
        "Banana",
        "Strawberry",
        "Mango"
    ]
}

{"name": "Peter", "age": 22, "country": "United States"}

// Store JSON data in a JS variable
var json = '{"name": "Peter", "age": 22, "country": "United States"}';

// Converting JSON-encoded string to JS object
var obj = JSON.parse(json);

// Accessing individual value from JS object
alert(obj.name); // Outputs: Peter
alert(obj.age); // Outputs: 22
alert(obj.country); // Outputs: United States

تجزیه و تحلیل داده‌های JSON در جاوا اسکریپت به صورت تودرتو

اشیاء و آرایه های JSON نیز می توانند تودرتو باشند.یک شی JSON می تواند به طور دلخواه شامل سایر اشیاء JSON، آرایه ها، آرایه های تو در تو، آرایه هایی از اشیاء JSON و …باشد.مثال زیر به شما نشان می دهد که چگونه یک شی JSON تودرتو را تجزیه کنید و همه مقادیر را در جاوا اسکریپت استخراج کنید.

/* Storing multi-line JSON string in a JS variable
using the new ES6 template literals */
var json = `{
    "book": {
        "name": "Harry Potter and the Goblet of Fire",
        "author": "J. K. Rowling",
        "year": 2000,
        "characters": ["Harry Potter", "Hermione Granger", "Ron Weasley"],
        "genre": "Fantasy Fiction",
        "price": {
            "paperback": "$10.40", "hardcover": "$20.32", "kindle": "$4.11"
        }
    }
}`;

// Converting JSON object to JS object
var obj = JSON.parse(json);

// Define recursive function to print nested values
function printValues(obj) {
    for(var k in obj) {
        if(obj[k] instanceof Object) {
            printValues(obj[k]);
        } else {
            document.write(obj[k] + "<br>");
        };
    }
};

// Printing all the values from the resulting object
printValues(obj);

document.write("<hr>");

// Printing a single value
document.write(obj["book"]["author"] + "<br>");  // Prints: J. K. Rowling
document.write(obj["book"]["characters"][0] + "<br>");  // Prints: Harry Potter
document.write(obj["book"]["price"]["hardcover"]);  // Prints: $20.32

رمزگذاری داده ها به صورت JSON در جاوا اسکریپت

گاهی اوقات شی جاوا اسکریپت یا مقداری از کد شما باید در طول ارتباط Ajax به سرور منتقل شود.جاوا اسکریپت متد  () JSON.stringify را برای این منظور فراهم می کند که یک مقدار جاوا اسکریپت را به یک رشته JSON تبدیل می کند. همانطور که در زیر نشان داده شده است:

Stringify a JavaScript Object

مثال زیر به شما نشان می دهد که چگونه یک شی جاوا اسکریپت را به رشته JSON تبدیل کنید:

// Sample JS object
var obj = {"name": "Peter", "age": 22, "country": "United States"};

// Converting JS object to JSON string
var json = JSON.stringify(obj);
alert(json);

// Sample JS array
var arr = ["Apple", "Banana", "Mango", "Orange", "Papaya"];

// Converting JS array to JSON string
var json = JSON.stringify(arr);
alert(json);