انتقل إلى محتوى الدرس

Nested Arrays Within Records قراءة القوائم الفرعية بالسجلات

احترف معالجة مصفوفات JSON المحللة والتحقق منها بـ Array.isArray واستخراج القوائم من مظروف الاستجابة وتصفية السجلات وحساب مجاميعها وقراءة القوائم الفرعية.
6 صفوف تعليمية
جافا سكريبت
2,558 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

غالباً ما يضم كل كائن داخل مصفوفة JSON مصفوفة فرعية خاصة به — مثل دورة تدريبية تحتوي على قائمة tags أو طلب شراء يحتوي على قائمة أصناف — ويمكن قراءتها بحلقة متداخلة أو تنسيقها مباشرة عبر .join(", ").

الصف 2 كود برمجي
JavaScript
const rawTeam = '[{"dev":"Huda","skills":["HTML","JS"]},{"dev":"Ziad","skills":["CSS","DOM"]}]';
const team = JSON.parse(rawTeam);
const lines = [];
for (const m of team) {
  lines.push(m.dev + ': ' + (m.skills ?? []).join(' + '));
}
document.getElementById('nest-out').textContent = lines.join(' | ');
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
الصف 5 ملاحظة هامة
الصف 6 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس تحليل مصفوفات JSON والتحقق منها عبر Array.isArray()، وفهم نمط كائن المظروف في ردود الخوادم، وتصفية السجلات وحساب مجاميعها، وقراءة المصفوفات المتداخلة بأمان. الخطوة التالية: انتقل إلى درس «جلب وإرسال بيانات JSON مع الخوادم» لتطبيق ذلك عملياً عبر fetch() وasync/await.