التقسيم إلى صفحات

القائمة التي فيها ألف عنصر لا تُعرض دفعة واحدة، بل تُقسَّم إلى صفحات، فتحفظ في الحالة رقمًا واحدًا هو رقم الصفحة الحالية، وتحسب منه الباقي عند الرسم: من أين يبدأ القصّ، وكم عدد الصفحات كلّها، وأيّ زرّ يجب تعطيله.

والحساب سطران: start = (page - 1) * PER_PAGE ثم items.slice(start, start + PER_PAGE)، والدالة slice لا تعدّل الأصل ولا تعطي خطأً إن تجاوزت نهاية المصفوفة، فتظهر الصفحة الأخيرة الناقصة صحيحة دون أي جهد منك.

والأخطاء كلّها عند الحدود، فإن حسبت عدد الصفحات بـ Math.floor ضاعت الصفحة الأخيرة الناقصة، لأن 23 عنصرًا تحتاج Math.ceil(23 / 5) أي 5 صفحات لا 4، وإن تركت زرّ «التالي» مفعّلًا في الصفحة الأخيرة قاد المستخدم إلى صفحة فارغة.