ما هو JSON؟ الصيغة وأنواع البيانات والكائنات والمصفوفات
أول درس في تعلم JSON بالعربية: لماذا أصبح لغة تبادل البيانات، وقواعد كتابته، وأنواعه الستة، والكائنات والمصفوفات، مع محرر يتحقق من كودك.
JSON (JavaScript Object Notation) صيغة نصية لتخزين البيانات ونقلها. عندما يطلب تطبيق على هاتفك بيانات الطقس أو الرسائل من الخادم، فهي غالبًا تصله بصيغة JSON. وتستخدمه أيضًا ملفات الإعدادات مثل package.json.
افتح محرر JSON والصق فيه الأمثلة للتحقق منها.
مثال
{
"name": "سارة أحمد",
"age": 24,
"student": true,
"skills": ["HTML", "CSS", "JavaScript"],
"address": {
"city": "الرياض",
"zip": null
}
}الأنواع الستة
| النوع | مثال |
|---|---|
| نص string | "مرحبًا" |
| رقم number | 42 أو 3.14 أو -7 |
| منطقي boolean | true أو false |
| لا شيء null | null |
| كائن object | { "key": "value" } |
| مصفوفة array | [1, 2, 3] |
لا يوجد نوع للتاريخ؛ يُكتب التاريخ نصًا بصيغة ISO مثل "2026-11-07".
القواعد الصارمة
JSON أشد من JavaScript، وهذه أشهر الأخطاء:
- المفاتيح يجب أن تكون بين علامتي تنصيص مزدوجة:
"name"وليسname. - لا تقبل علامات التنصيص المفردة
'نص'. - لا فاصلة بعد آخر عنصر.
- لا تعليقات
//داخل JSON. - لا
undefinedولا دوال.
جرّب لصق هذا في المحرر، وسيخبرك بمكان الخطأ:
{ name: 'سارة', "age": 24, }الكائن مقابل المصفوفة
- الكائن
{ }لشيء واحد له خصائص بأسماء. - المصفوفة
[ ]لقائمة عناصر مرتبة، وغالبًا تكون كائنات من النوع نفسه.
[
{ "id": 1, "title": "HTML", "free": true },
{ "id": 2, "title": "JavaScript", "free": false }
]تمرين
اكتب في محرر JSON ملفًا يصف مكتبتك: مصفوفة كتب، لكل كتاب عنوان ومؤلف وسنة وقائمة تصنيفات. اضغط تنسيق وتأكد أنه صالح، ثم شاهده في تبويب الشجرة.