سيشرح هذا الدليل كيفية تكرار حلقة عبر مصفوفة JSON باستخدام JavaScript.
كيف تكرر حلقة من خلال مصفوفة JSON باستخدام JavaScript؟
ال ' مجموعة JSON 'يمكن الوصول إلى القيم عبر حلقة. في حلقة JSON (JavaScript Object Notation) يعتبر أفضل أسلوب لنقل البيانات في تنسيق مصفوفة. هذا لأنه تنسيق خفيف لتخزين ونقل البيانات المطلوبة من مكان إلى آخر.
يستخدم هذا القسم ' ل 'تكرار مصفوفة JSON باستخدام JavaScript.
بناء الجملة (صفيف JSON)
مجموعة مصفوفة - اسم = [ القيمة 1 و القيمة 2 و ..... القيمة ]
هنا ، تشير 'value1' و 'value2' و 'valueN' إلى القيم التي يجب تكرارها.
دعونا نجري التكرار من خلال مصفوفة 'JSON' في جافا سكريبت عمليًا.
كود HTML
دعنا نلقي نظرة على كود HTML التالي:
< h2 > التكرار خلال مصفوفة JSON < / h2 >< ص > تحتوي مصفوفة JSON على صفر أو عنصر واحد أو أكثر من العناصر المرتبة ، مفصولة بفاصلة. < / ص >
< ص بطاقة تعريف = 'عينة' > < / ص >
في سطور التعليمات البرمجية أعلاه:
- ال ' تحدد العلامة عنوانًا فرعيًا.
- ال ' 'العلامة لإنشاء بيان فقرة.
- أخيرًا ، تحدد العلامة '
' فقرة فارغة تحتوي على معرف ' عينة لعرض قيم مصفوفة JSON.
كود جافا سكريبت
بعد ذلك ، انتقل إلى الكود أدناه:
< النصي >مقدار ثابت JSONarray = '{'name': 'Johnson'، 'age': 35، 'cars': ['BMW'، 'Honda'، 'Corolla']}' ؛
مقدار ثابت أوبج = جسون. تحليل ( JSONarray ) ؛
دع النص = '' ؛
ل ( دع ك = 0 ؛ ك < أوبج. سيارات . طول ؛ ك ++ ) {
نص + = أوبج. سيارات [ ك ] + '،' ؛
}
وثيقة. getElementById ( 'عينة' ) . داخلي HTML = نص ؛
النصي >
في كتلة التعليمات البرمجية هذه:
- حدد مصفوفة JSON باسم ' JSONarray ' مع ' مقدار ثابت 'الكلمة الرئيسية التي تحتوي على قائمة مرتبة من القيم.
- ال ' أوبج 'يستخدم الكائن' تحليل () 'الذي يحول نص مصفوفة JSON المحدد إلى كائن JavaScript.
- بعد ذلك ، ' نص ”يخزن المتغير قيمة فارغة.
- بعد ذلك ، قم بتطبيق ' ل 'حلقة للتكرار على خصائص' أوبج 'متسلسلًا مع مجموعة JSON المضمنة مقابل' السيارة 'الرئيسية.
- أيضًا ، اربط ' طول 'وزيادة الحلقة لتنفيذ التكرار بشكل مناسب.
- أخيرًا ، قم بتطبيق ' getElementById () 'للوصول إلى الفقرة الفارغة المضافة باستخدام معرفها' عينة '. سيعرض قيم مصفوفة JSON من خلال ' داخلي HTML ' ملكية.
انتاج |
يُظهر الإخراج جميع قيم مصفوفة JSON المضافة باستخدام حلقة 'for'.
خاتمة
' صفائف JSON 'يمكن تكرارها بسهولة باستخدام JavaScript بمساعدة' ل ' حلقة. هذه عملية شائعة وتستخدم بشكل عام في تطوير الويب لاسترداد البيانات بتنسيق JSON من قاعدة البيانات أو واجهة برمجة التطبيقات. شرح هذا الدليل وصفًا موجزًا لتكرار حلقة من خلال مصفوفة JSON باستخدام JavaScript.