انتقل إلى محتوى الدرس

Avoiding Nested Ternary Chains تجنب تداخل المعاملات الثلاثية

اكتب التعبيرات الشرطية المختصرة بالمعامل الثلاثي (? :) في JavaScript: أتقن أركانه الثلاثة وإسناد ثوابت const المباشر وأولوية التنفيذ ومتى تُفضل جملة if/else.
5 صفوف تعليمية
جافا سكريبت
4,682 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

إن حشر معاملات ثلاثية متداخلة في سطر واحد مثل a ? b : c ? d : e قد يختصر سطرين لكنه يرهق عين القارئ ويجعل تتبع الأخطاء مهمة شاقة!

احصر استخدام المعامل الثلاثي دائماً في الاختيار الثنائي البسيط (علامة ? واحدة ونقطتان : واحدة)؛ ومتى تعددت الحالات إلى ثلاثة مسارات أو أكثر، انتقل فوراً إلى سلاسل if / else if الواضحة.

الصف 2 كود برمجي
JavaScript
const stock = 4;
const badgeText = stock > 0 ? `${stock} left in stock` : 'Out of stock';
const badgeTone = stock > 0 ? 'Available' : 'Waitlist';
document.getElementById('stk-out').textContent =
  `[${badgeTone}] ${badgeText}`;
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
الصف 5 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس طبيعة المعامل الشرطي الثلاثي ? : كتعبير منتج للقيمة، وأركانه الثلاثة الإلزامية وأولويته مع الجمع، ومتى يُفضل على if / else، وسبب تجنب السلاسل الثلاثية المتداخلة. الخطوة التالية: انتقل الآن إلى درس «جملة الاختيار في JavaScript» لمطابقة قيمة واحدة بعدة خيارات محددة بتنظيم أنيق!