الدرس 3 من 8

الترتيب بلا تخريب

هدف الدرس

sort يعدّل الأصل — انتبه

01

الشرح

فخّ شائع: array.sort() يعدّل المصفوفة نفسها ويُرجعها. فترتّب مرة فيضيع الترتيب الأصلي إلى الأبد.

الحلّ نسخة قبل الترتيب: [...products].sort(...) أو products.toSorted(...) في الإصدارات الحديثة.

ودالة المقارنة ترجع رقمًا: سالب يعني «الأول أسبق»، وموجب يعني العكس. للأرقام (a, b) => a.price - b.price.

02

المطلوب

زرّان يرتّبان بالسعر صعودًا وهبوطًا، مع بقاء products بترتيبه الأصلي.

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

5 معايير
  1. القائمة تعرض المنتجات الأربعة
  2. «الأرخص أولًا» يضع مسطرة في المقدّمة
  3. «الأغلى أولًا» يضع حقيبة في المقدّمة
  4. الترتيب صحيح كاملًا لا في أوّله فقط
  5. products ما زال بترتيبه الأصلي
index.html
المعاينة
index.html100%
–/5

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

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