JSON هو تنسيق تكامل بيانات خفيف الوزن يُستخدم بشكل أساسي لتخزين البيانات ونقلها من خادم أو نظام إلى آخر. من ناحية أخرى، تقوم الخريطة أيضًا بتخزين البيانات وتستخدم تنسيق قيمة المفتاح حيث يمكن أن يحتوي المفتاح على أي نوع بيانات. يمكن للمطور استرداد بيانات محددة عن طريق تحديد المفتاح المقابل لها.
تشرح هذه المقالة عملية تحويل JSON من/إلى خريطة في JavaScript من خلال تغطية الأقسام التالية:
- كيفية تحويل بيانات JSON إلى خريطة في JavaScript؟
- كيفية تحويل بيانات JSON من خريطة في JavaScript؟
- كيفية جلب JSON API وتحويل بياناتها إلى خريطة
كيفية تحويل بيانات JSON إلى خريطة في JavaScript؟
يؤدي تحويل بيانات JSON إلى خريطة إلى الحفاظ على تنسيق زوج القيمة الرئيسية كما هو 'خريطة' ويقوم أيضًا بتخزين البيانات في نموذج القيمة الرئيسية تمامًا مثل JSON. لذلك، يمكن للمطور الحفاظ على الترتيب الأصلي للمفاتيح وهو أمر لا يمكن ضمانه من خلال تحويل كائنات JavaScript. تحويل 'جسون' البيانات في 'خريطة' يوفر المزيد من المرونة ويسمح للمطور باستخدام أساليب الخريطة المضمنة لتوفير السهولة أثناء التنقل عبر البيانات.
دعنا نزور كتلة التعليمات البرمجية أدناه حيث سيتم تحويل بيانات JSON المشفرة إلى خريطة:
< نوع البرنامج النصي = 'نص/جافا سكريبت' >
مقدار ثابت jsonFormat = '{'author1': 'Jackson'، 'author2': 'Reed'، 'author3': 'تاشا'، 'author4': 'بيترسون'} ' ;
مقدار ثابت MapFormat = جديد خريطة ( هدف . إدخالات ( JSON. تحليل ( jsonFormat ) ) ) ;
وحدة التحكم. سجل ( MapFormat ) ;
النصي >
وجاء شرح الكود أعلاه على النحو التالي:
- أولاً، قم بإنشاء متغير نوع const المسمى 'تنسيق json' تحتوي على بيانات بتنسيق JSON، أي بتنسيق قيمة المفتاح.
- بعد ذلك، قم بإنشاء مثيل جديد للخريطة بالاسم 'تنسيق الخريطة' . لتحليل بيانات JSON، قم بتمرير الأمر 'تنسيق الخريطة' داخل 'JSON.parse ()' طريقة.
- ثم قم بتمرير النتيجة التي تم إرجاعها بهذه الطريقة إلى ملف 'كائن.إدخالات ()' لإنشاء مصفوفة من المصفوفات ويمثل كل مصفوفة داخلية أزواج القيمة الرئيسية.
- قم بتمرير النتيجة النهائية أو كل هذه الطرق على طول المحاذاة الصحيحة داخل 'خريطة' البناء. الآن، مثالها 'تنسيق الخريطة' يحتوي على بيانات JSON المحولة والتي يتم عرضها عبر نافذة وحدة التحكم باستخدام ملف 'console.log ()' طريقة.
بعد تجميع الكود أعلاه، ستبدو نافذة وحدة التحكم كما يلي:
يؤكد الإخراج أن بيانات JSON قد تم تحويلها إلى Map. لمزيد من المعلومات والأمثلة لتحويل بيانات JSON إلى مصفوفة أو خريطة، يمكنك زيارة موقعنا الآخر شرط .
كيفية تحويل بيانات JSON من خريطة في JavaScript؟
يؤدي تحويل البيانات إلى تنسيق JSON إلى تحسين توفرها مدى الحياة ويسمح لك بإرسال هذه البيانات إلى أي مكان عبر الشبكة دون فقدان البيانات. علاوة على ذلك، فإن تنسيق JSON يمكن قراءته بسهولة ويمكن استخدامه في واجهة برمجة تطبيقات الويب أو ملفات التكوين. في البرنامج أدناه، سيتم تحويل بيانات الخريطة إلى تنسيق JSON:
< نوع البرنامج النصي = 'نص/جافا سكريبت' >مقدار ثابت MapFormat = جديد خريطة ( [
[ 'المؤلف1' , 'جاكسون' ] ,
[ 'المؤلف2' , 'قصب' ] ,
[ 'المؤلف3' , 'تاشا' ] ,
[ 'المؤلف4' , 'بيترسون' ] ,
] ) ;
مقدار ثابت jsonFormat = JSON. توتر ( هدف . fromEntries ( MapFormat ) ) ;
وحدة التحكم. سجل ( jsonFormat ) ;
النصي >
تم ذكر شرح كتلة التعليمات البرمجية أعلاه على النحو التالي:
- أولا، المثيل المسمى 'تنسيق الخريطة' يتم إنشاؤه للخريطة التي تحتوي على عدة إدخالات.
- التالي، 'Object.fromEntries ()' يتم استخدام الطريقة و 'تنسيق الخريطة' يتم تمريرها إليه. سيؤدي هذا إلى تحويل بيانات الخريطة المقدمة إلى مصفوفة متداخلة.
- ثم يتم تمرير المصفوفة المتداخلة إلى 'JSON.stringify ()' طريقة لتحويل المصفوفة المتداخلة إلى تنسيق JSON مع الحفاظ على محاذاة زوج القيمة الرئيسية.
- في النهاية، يتم عرض بيانات تنسيق JSON التي تم إنشاؤها عبر نافذة وحدة التحكم.
يظهر أدناه الإخراج الذي تم إنشاؤه بعد تجميع الكود أعلاه:
يُظهر الإخراج أن بيانات الخريطة قد تم تحويلها الآن إلى تنسيق JSON بنجاح.
كيفية جلب JSON API وتحويل بياناتها إلى خريطة؟
يمكن أيضًا تحويل بيانات JSON المستلمة من واجهة برمجة التطبيقات (API) مباشرةً إلى خريطة باستخدام نفس الطريقة الموضحة أعلاه في القسم الأول. للقيام بذلك، يجب جلب واجهة برمجة التطبيقات (API) أولاً ثم يتم تحويل بيانات JSON التي تم جلبها إلى الخريطة، كما هو موضح أدناه:
< النصي >غير متزامن وظيفة com.convertJSONApi ( ) {
يحاول {
مقدار ثابت الدقة = تنتظر الجلب ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
مقدار ثابت jsonFormat = انتظر الدقة. json ( ) ;
مقدار ثابت MapFormat = جديد خريطة ( هدف . إدخالات ( jsonFormat ) ) ;
وحدة التحكم. سجل ( MapFormat ) ;
} يمسك ( خطأ ) {
وحدة التحكم. خطأ ( 'حدث خطأ أثناء جلب البيانات أو تحويلها:' , خطأ ) ;
}
}
com.convertJSONApi ( ) ;
النصي >
وصف الكود أعلاه مذكور أدناه:
- أولاً، تم تسمية الدالة غير المتزامنة 'تحويلJSONApi ()' يتم تعريفه باستخدام الكلمة الأساسية 'غير متزامن' خلف الوظيفة 'الكلمة الرئيسية' .
- بعد ذلك، استخدم 'يحاول' كتلة وإنشاء 'مقدار ثابت' نوع المتغير 'الدقة' من شأنها تخزين البيانات التي تم جلبها من API. يتم الجلب عن طريق إدخال رابط API داخل الملف 'أحضر()' طريقة. كذلك قم بإرفاق 'انتظر' الكلمة الرئيسية وراء هذا 'أحضر()' طريقة انتظار وصول كافة بيانات API.
- ثم قم بتطبيق 'جسون ()' الطريقة على المتغير 'res' لقراءة جميع البيانات المستلمة أو التي تم جلبها. ال 'انتظر' يتم أيضًا تطبيق الكلمة الأساسية خلفها لانتظار الانتهاء من قراءة البيانات. قم بتمرير النتيجة إلى المتغير المسمى 'تنسيق json' .
- بعد ذلك، 'تنسيق json' يتم تمريره داخل الطريقة المسماة 'كائن.إدخالات ()' لإنشاء مصفوفة متداخلة للبيانات المقدمة. ثم يتم تمرير هذا داخل 'خريطة()' مُنشئ لتحويل المصفوفات إلى خريطة ويتم تخزينها في ملف 'خريطة' مثيل اسمه 'تنسيق الخريطة' .
- يتم بعد ذلك عرض JSON API الذي تم جلبه والذي تم تحويله الآن إلى Map على وحدة التحكم عن طريق عرض ملف 'تنسيق الخريطة' المتغير داخل 'console.log ()' طريقة.
- لاكتشاف أي خطأ يحدث أثناء العملية برمتها، استخدم 'يمسك' قم بحظر وتمرير معلمة وهمية تحتوي على أخطاء حدثت وللتعامل معها يتم عرض رسالة وهمية.
يظهر الإخراج بعد الانتهاء من الكود أعلاه أدناه:
يُظهر الإخراج أنه تم استرداد بيانات تنسيق JSON من واجهة برمجة التطبيقات المتوفرة ثم يتم تحويل هذه البيانات إلى الخريطة.
لقد تعرفت على عملية تحويل JSON إلى Map و Map إلى JSON في JavaScript.
خاتمة
لتحويل بيانات JSON إلى خريطة، هناك طرق مثل 'JSON.parse ()' و 'كائن.إدخالات ()' يستخدم. يقوم الأول بتحليل بيانات JSON، بينما يقوم الثاني بإنشاء مصفوفة متداخلة من البيانات التي تم تحليلها. في حالة تحويل بيانات الخريطة إلى تنسيق JSON، فإن 'Object.fromEntries()' و 'JSON.stringify ()' يتم استخدام الأساليب التي من شأنها تحويل البيانات إلى مصفوفة متداخلة وتحويلها إلى تنسيق JSON على التوالي. لقد أوضحت هذه المدونة الإجراء الخاص بتحويل JSON من وإلى الخريطة في JavaScript.