الدرس 4 من 8

التجميع بـ reduce

هدف الدرس

من قائمة مسطّحة إلى أقسام

01

الشرح

reduce يطوي مصفوفة إلى قيمة واحدة — والقيمة قد تكون كائنًا. وهذا ما يجعله أداة التجميع.

تبدأ بكائن فارغ، وفي كل دورة تضع العنصر تحت مفتاحه:

items.reduce((acc, x) => { (acc[x.cat] ??= []).push(x); return acc }, {})

و??= تعني «إن لم يكن موجودًا فأنشئه». النتيجة كائن مفاتيحه الأقسام وقيمه مصفوفات.

02

المطلوب

جمّع الطلاب بحسب city، واعرض لكل مدينة عنوانًا h3 وقائمة بأسمائها.

معايير التصحيح

5 معايير
  1. ثلاثة أقسام بعدد المدن
  2. أسماء المدن صحيحة
  3. مجموع الأسماء المعروضة خمسة
  4. الرياض تحتها طالبتان
  5. الدمام تحتها طالبة واحدة
index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل» ليبدأ الفحص.

5 معايير في بطاقة «المطلوب».