ما هو JSON؟ تعرف على كيفية عملها مع الأمثلة

تم اعتبار لغة التوصيف القابلة للتوسيع (XML) على أنها الخيار الوحيد لتبادل البيانات المفتوحة. ومع ذلك ، فقد أسفرت التطورات في تبادل البيانات المفتوحة عن المزيد من الخيارات لـ . لذا ، دعنا ندخل في عمق ما هو JSON وكيف يختلف عن جافا سكريبت في التسلسل التالي:

• ما هو JSON؟
• لماذا نستخدم JSON؟
• JSON مقابل XML
• قواعد النحو
• أساسيات JSON
• تحويل كائن JSON إلى نص JS

ما هو JSON؟

جافا سكريبت تدوين كائن ( جسون ) هي طريقة لتخزين المعلومات بطريقة منظمة وسهلة. يجب أن تكون البيانات في شكل نص عند التبادل بين المستعرض والخادم. يمكنك تحويل أي ملف كائن جافا سكريبت إلى جسون وأرسل JSON إلى الخادم.

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

الآن بعد أن عرفت ما هو JSON ، دعنا نمضي قدمًا ونرى لماذا نحتاج إلى استخدامه وما هي المزايا المختلفة لاستخدام JSON.

لماذا نستخدم JSON؟

JSON هو وزن خفيف و سهل الاستخدام عند مقارنتها بخيارات تبادل البيانات المفتوحة الأخرى. ومع ذلك ، ليس هذا هو السبب الوحيد لاستخدامه لدمج واجهة برمجة التطبيقات. يفضل على الخيارات الأخرى بسبب المزايا التالية:

أقل الإسهاب - لديها أكثر أسلوب مدمج بالمقارنة مع XML. هذا يجعلها أكثر قابلية للقراءة. ال وزن خفيف نهج جسون يمكن إجراء تحسينات كبيرة أثناء العمل مع الأنظمة المعقدة.

بسرعة - تعد عملية تحليل برامج XML أبطأ من JSON. وذلك لأن مكتبات معالجة DOM تتطلب المزيد من الذاكرة للتعامل مع ملفات XML الكبيرة. جسون ، من ناحية أخرى ، يستخدم بيانات أقل مما يقلل التكلفة ويزيد من سرعة الاعراب .

مقروء - هيكل JSON هو صريح و سهل القراءة . لديك وقت أسهل في تعيين كائنات النطاق بغض النظر عن لغة البرمجة التي تعمل بها.

البيانات المنظمة - يستخدم JSON ملف هيكل بيانات الخريطة بينما XML لديها هيكل شجرة. يمكن أن تحد أزواج المفاتيح أو القيم من مهمتك ، لكنك تحصل على نموذج بيانات يمكن التنبؤ به وسهل الفهم.

JSON مقابل XML

على حد سواء XML و JSON تستخدم على نطاق واسع اليوم. هم انهم يستخدم ك تم اعتماد تنسيقات تبادل البيانات وكلاهما من قبل التطبيقات كوسيلة لتخزين البيانات المنظمة. دعونا نلقي نظرة على الاختلافات بين الاثنين:

مثال على JSON-

{'staff': [{'name': 'Lisa'، 'email': 'lisa101@xyz.com'}، {'name': 'Neil'، 'email': 'neilps@xyz.com'}، {'name': 'Jai'، 'email': 'jai87@xyz.com'}]}

مثال XML-

ليزا lisa101@xyz.com نيل neilps@xyz.com جاي jai87@xyz.com

قواعد النحو

ال جسون بناء الجملة هو مجموعة فرعية من جافا سكريبت بناء الجملة. يُشتق بناء الجملة من بناء جملة تدوين كائن JavaScript ويتكون من القواعد التالية:

• البيانات مكتوبة اسم أو القيمة أزواج.
• البيانات فصل بالفاصلات.
• مجعد الأقواس امسك ال شاء.
• أقواس مربعة امسك ال المصفوفات.

تنسيق JSON مشابه جدًا لكائنات JavaScript. هنا ، يجب أن تكون المفاتيح عبارة عن سلاسل ، مكتوبة بعلامات اقتباس مزدوجة مثل:

{'الاسم': 'سوزان'}

أساسيات JSON

في جسون و القيم يجب أن يكون أحد أنواع البيانات التالية:

• خيط
• رقم
• كائن (كائن JSON)
• المصفوفات
• قيمة منطقية
• لا شيء

خيط

في جسون ، يجب أن تكون المفاتيح عبارة عن سلاسل مكتوبة بعلامات اقتباس مزدوجة:

{'الاسم': 'مريم'}

في جافا سكريبت ، يمكن أن تكون المفاتيح سلاسل أو أرقامًا أو أسماء معرفات:

{الاسم: 'مريم'}

شاء

كائنات JSON محاطة بأقواس معقوفة {}. تتم كتابتها في أزواج مفتاح أو قيمة بالطريقة التالية:

{'name': 'Lisa'، 'age': 23، 'car': BMW}

المصفوفات

المصفوفات في JSON هي نفسها المصفوفات في JavaScript تقريبًا. في JSON ، تكون قيم الصفيف من النوع سلسلة ، أو رقم ، أو كائن ، أو مصفوفة ، أو منطقية ، أو خالية. بينما ، في JavaScript ، يمكن أن تكون قيم المصفوفة جميع ما سبق ، بالإضافة إلى أي تعبير JavaScript صالح آخر ، بما في ذلك الوظائف والتواريخ وغير المعرفة.

يمكن أن تكون المصفوفات في JSON قيمًا لخاصية كائن. يتم تعريفه على أنه:

{'name': 'Lisa'، 'age': 23، 'cars': ['Ford'، 'BMW'، 'Fiat']}

تحويل كائن JSON إلى نص JavaSCript

يتم استخدام JSON بشكل شائع إقرأ البيانات من قاعدة بيانات للانترنت وعرض البيانات على صفحة الويب. يمكن أيضًا إثبات ذلك باستخدام سلسلة كمدخلات.

أرقام فيبوناتشي C ++

لنأخذ مثالاً ونلقي نظرة على كيفية تحويل كائن JSON إلى نص Javascript باستخدام الوظيفة JSON.parse ():

 
تحويل نص JSON إلى كائن Javascript
  كائن JSON:   استخدام كائن جافا سكريبت: var jsonobj = '{' name ':' Josh Huan '،' EmployID ':' 1107 '،' age ': 25}' // هنا نقوم بتحويل JSON إلى الكائن var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). innerHTML = obj.name + 'مع معرف الموظف' + obj.employeeID + 'والعمر' + obj.age document.getElementById ('example'). innerHTML = jsonobj

سيتم تحويل الكائنات إلى نصوص وإعطاء ما يلي انتاج | :

بهذا نكون قد وصلنا إلى نهاية مقالتنا. آمل أن تكون قد فهمت ما هو JSON ولماذا نحتاج إلى استخدام هذا.

الآن بعد أن عرفت ما هو JSON ، تحقق من ملف بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكرها في قسم التعليقات في 'ما هو JSON؟' وسنعاود الاتصال بك.