عرض المصفوفات في الصفحة

لا تُكتب الواجهات الحقيقية عنصرًا عنصرًا باليد، بل تُبنى من البيانات. والمصفوفة قائمة من القيم، والدالة map تحوّل كل قيمة فيها إلى شيء آخر.

فالسطر ['a','b'].map(x => '<li>' + x + '</li>') يعطيك مصفوفة من الوسوم، ثم تجمعها join('') في نصّ واحد تضعه في innerHTML.

وتذكّر هذه القاعدة دائمًا: البيانات هي الأصل، والواجهة نتيجة لها، فإذا غيّرت المصفوفة تغيّرت الصفحة معها.