JSON برای Biggners – انجمن DEV

Summarize this content to 400 words in Persian Lang

JSON چیست؟

JSON مخفف JavaScript Object Notation است. این یک فرمت داده سبک وزن است که برای ذخیره و تبادل اطلاعات بین سیستم ها، به ویژه در برنامه های کاربردی وب استفاده می شود.
به JSON به عنوان راهی برای نوشتن و سازماندهی داده ها در قالبی شفاف و ساختاریافته فکر کنید.

چرا JSON؟

قابل خواندن برای انسان: درک و نوشتن آسان است.
مستقل از زبان: در بسیاری از زبان های برنامه نویسی (نه فقط جاوا اسکریپت) استفاده می شود.
محبوب در API ها: داده های ارسال شده بین یک سرور و یک کلاینت (به عنوان مثال، یک وب سایت و یک پایگاه داده) اغلب در قالب JSON هستند.

JSON چه شکلی است؟

{
“name”: “Alice”,
“age”: 25,
“isStudent”: false,
“skills”: [“JavaScript”, “Python”, “HTML”],
“address”: {
“street”: “123 Main St”,
“city”: “Wonderland”
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چگونه این مثال JSON را بخوانیم؟

پرانتزهای فرفری {}: یک شی یا مجموعه ای از داده ها را نشان می دهد.
جفت‌های کلید-مقدار: هر قطعه داده دارای یک «کلید» (نام داده‌ها) و یک «مقدار» (داده‌های واقعی) است. “name”: “Alice”: کلید نام است و مقدار آن “Alice” است.
انواع داده ها در JSON: رشته ها: متن محصور شده در دو گیومه (“Alice”). اعداد: 25, 3.14. بولی: درست، نادرست. آرایه ها: لیست مقادیر ([“JavaScript”, “Python”, “HTML”]). اشیاء: داده های تودرتو، مانند قسمت “آدرس”.

JSON در عمل

وب سایتی را تصور کنید که نمایه های کاربر را نشان می دهد. سرور داده های کاربر را با فرمت JSON به مرورگر می فرستد:

{
“users”: [
{
“id”: 1,
“name”: “John”,
“email”: “john@example.com”
},
{
“id”: 2,
“name”: “Jane”,
“email”: “jane@example.com”
}
] }

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چرا به جای چیز دیگری از JSON استفاده کنیم؟

ساختار ساده: نوشتن برای انسان و تجزیه برای ماشین ها آسان است.
فشرده: فضای کمتری را در مقایسه با فرمت های دیگر مانند XML اشغال می کند.
ادغام با جاوا اسکریپت: JSON به طور یکپارچه با جاوا اسکریپت کار می کند.

چگونه با JSON در کد کار کنیم؟

مثال در جاوا اسکریپت:

// JSON data as a string
const jsonData=”{“name”: “Alice”, “age”: 25}”;

// Parse JSON into an object
const user = JSON.parse(jsonData);

console.log(user.name); // Output: Alice

// Convert object to JSON
const newJson = JSON.stringify(user);
console.log(newJson); // Output: {“name”:”Alice”,”age”:25}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مثال: آرایه PHP به JSON:

“Alice”,
“age” => 25,
“isStudent” => false,
“skills” => [“PHP”, “JavaScript”, “HTML”],
“address” => [
“street” => “123 Main St”,
“city” => “Wonderland”
] ];

// Convert PHP array to JSON
$jsonData = json_encode($data, JSON_PRETTY_PRINT);

echo $jsonData;
?>

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مثال: شیء JSON به PHP:

name; // Output: Alice
echo $phpObject->address->city; // Output: Wonderland
?>

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مثال: آرایه JSON به PHP:

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

Round Api را برای درک Json پخش کنید

DummyAis

{
  "name": "Alice",
  "age": 25,
  "isStudent": false,
  "skills": ["JavaScript", "Python", "HTML"],
  "address": {
    "street": "123 Main St",
    "city": "Wonderland"
  }
}

{
  "users": [
    {
      "id": 1,
      "name": "John",
      "email": "john@example.com"
    },
    {
      "id": 2,
      "name": "Jane",
      "email": "jane@example.com"
    }
  ]
}

// JSON data as a string
const jsonData="{"name": "Alice", "age": 25}";

// Parse JSON into an object
const user = JSON.parse(jsonData);

console.log(user.name); // Output: Alice

// Convert object to JSON
const newJson = JSON.stringify(user);
console.log(newJson); // Output: {"name":"Alice","age":25}

 "Alice",
    "age" => 25,
    "isStudent" => false,
    "skills" => ["PHP", "JavaScript", "HTML"],
    "address" => [
        "street" => "123 Main St",
        "city" => "Wonderland"
    ]
];

// Convert PHP array to JSON
$jsonData = json_encode($data, JSON_PRETTY_PRINT);

echo $jsonData;
?>

name; // Output: Alice
echo $phpObject->address->city; // Output: Wonderland
?>