المصفوفات والعرض

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

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

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