134- دروس جافا سكربت – JSON Syntax

### شرح مفصل لـ JSON Syntax في لغة JavaScript

#### مقدمة

JSON، والتي تعني JavaScript Object Notation، هي صيغة خفيفة لتبادل البيانات. يتم استخدامها بشكل واسع في تطبيقات الويب لتمثيل البيانات ونقلها بين الخادم والعميل. تم تطوير JSON استنادًا إلى بناء الجملة الخاص بالكائنات في JavaScript، مما يجعلها سهلة القراءة والكتابة لكل من البشر والآلات.

#### بناء الجملة الأساسي لـ JSON

يتم تمثيل بيانات JSON كأزواج مفتاح-قيمة، ويمكن أن تحتوي على أنواع مختلفة من البيانات مثل السلاسل النصية، الأعداد، الكائنات، المصفوفات، القيم المنطقية والقيم الفارغة. إليك كيف يبدو بناء الجملة الأساسي:

1. **كائنات JSON**: محاطة بالأقواس المعكوفة `{}`، وتحتوي على أزواج مفتاح-قيمة. على سبيل المثال:

on
   {
       "name": "Ahmed",
       "age": 30,
       "isStudent": false
   }

2. [شركة برمجة مصرية] **مصفوفات JSON**: محاطة بالأقواس المربعة `[]`، وتحتوي على قائمة من القيم. على سبيل المثال:

on
   [
       "apple",
       "banana",
       "cherry"
   ]

3. **قيم JSON**: يمكن أن تكون من الأنواع التالية:
– **سلاسل نصية**: محاطة بعلامات [شركة برمجة مصرية] اقتباس مزدوجة. مثال: `”Hello World”`
– **أعداد**: يمكن أن تكون صحيحة أو عشرية. مثال: `42` أو `3.14`
– **كائنات**: كما هو موضح أعلاه.
– **مصفوفات**: كما هو موضح أعلاه.
– **قيم منطقية**: `true` أو `false`.
– **Null**: تعبر عن قيمة فارغة أو غير معروفة.

#### أمثلة على JSON

1. **كائن JSON يحتوي على كائنات متداخلة**:

on
   {
       "person": {
           "firstName": "Ali",
           "lastName": "Hassan",
           "contact": {
               "email": "ali.hassan@example.com",
               "phone": "123-456-7890"
           }
       }
   }

2. **مصفوفة JSON تحتوي على كائنات**:

on
   {
       "employees": [
           {
               "name": "Sara",
               "position": "Developer"
           },
           {
               "name": "Omar",
               "position": "Designer"
           }
       ]
   }

3. **مصفوفة JSON تحتوي على أنواع بيانات متعددة**:

on
   [
       100,
       "Programming",
       true,
       null,
       {
           "language": "JavaScript"
       }
   ]

#### استخدام JSON في JavaScript

في JavaScript، يمكننا تحويل كائنات JSON إلى كائنات JavaScript والعكس باستخدام الدوال `JSON.parse()` و`JSON.stringify()`.

– **تحويل JSON إلى كائن JavaScript**:

const jsonString = '{"name": "Laila", "age": 25}';
  const jsObject = JSON.parse(jsonString);
  console.log(jsObject.name); // Output: Laila

– **تحويل كائن JavaScript إلى JSON**:

const jsObject = { name: "Khaled", age: 40 };
  const jsonString = JSON.stringify(jsObject);
  console.log(jsonString); // Output: {"name":"Khaled","age":40}

#### خاتمة

JSON هو أداة قوية وفعالة لتبادل البيانات في تطبيقات الويب. بفضل بناء جملته البسيطة ومرونته، أصبح معيارًا في نقل البيانات بين الأنظمة المختلفة. فهم بناء الجملة الخاص به واستخدامه بشكل صحيح في JavaScript يمكن أن يسهل بشكل كبير عملية تطوير التطبيقات.

الوسوم: javascriptJSONبناء_الجملةتبادل_البياناتتحويل_البياناتتطبيقات_الويبكائنات_ومصفوفات