انتقل إلى محتوى الدرس
الدرس 128
دورة جافا سكريبت

JSON Array

في هذا الدرس سوف نتعرف علي طريقة التعامل مع المصفوفات arrays بداخل ال JSON 

أقسام الدرس
5
الأمثلة
9
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,404
محتوى الدرس
في هذا الدرس 5تصفّح المواضيع

JSON Array

كما علمنا من قبل ان الكود التالي هو عبارة عن نص JSON

HTML
'["Ford", "BMW", "Fiat"]'

وبداخل نص ال JSON هذا توجد مصفوفة تحتوي علي القيم وتسمي JSON array literals

HTML
["Ford", "BMW", "Fiat"]

تتشابه المصفوفات arrays في ال JSON بشكل كبير مع المصفوفات في لغة ال Java Script 

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

  • String
  • number 
  • object 
  • array 
  • Boolean 
  • null 

- في لغة ال java script يمكن ان تكون قيم المصفوفات arrays أحد الانواع ألسابقة بالأضافة ألي بعض الأنواع الأخري وهم :

  • functions 
  • Dates 
  • Undefined 

JavaScript Arrays

يمكنك انشاء مصفوفة array بالشكل التالي

HTML
myArray = ["Ford", "BMW", "Fiat"];

يمكنك انشاء مصفوفة باستخدام ال java script عن طريق عكس نص ال JSON باستخدام دالة ( )JSON.parse كما في المثال التالي

HTML
myJSON = '["Ford", "BMW", "Fiat"]';
myArray = JSON.Parse(myJSON);

Accessing Array Values

يمكنك الوصول الي قيم المصفوفة ال array عن طريق ال index الخاص بها كما في المثال التالي

HTML
myArray[0];

Arrays in Objects

يمكن ان يحتوي ال Object علي مصفوفة array ك أحد عناصره

HTML
{
"name":"Ahmed",
"age":30,
"cars":["Ford", "BMW", "Fiat"]
}

ويمكنك ايضا الوصول الي عناصر المصفوفة array عن طريق ال index الخاص بها حتي اذا كانت مخزنة بداخل object علي النحو التالي

HTML
myObj.cars[0];

Looping Through an Array

يمكنك المرور علي جميع عناصر المصفوفة بأستخدام ال" for -in "

HTML
for (let i in myObj.cars) {
  x += myObj.cars[i];
}

يمكنك ايضا المرور علي جميع عناصر المصفوفة باستخدام الحلقة التكرارية "for"

HTML
for (let i = 0; i < myObj.cars.length; i++) {
  x += myObj.cars[i];
}

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…