تعلّم JavaScript من الصفرالدرس 3 من 8
العمليات والشروط في JavaScript: if وelse والمقارنة
تعلم العمليات الحسابية وعمليات المقارنة === و!== والعمليات المنطقية && و|| و!، والشروط if وelse if وelse، والمعامل الثلاثي، وswitch، مع أمثلة عملية.
محتويات الدرس
البرنامج يصبح ذكيًا عندما يتخذ قرارات: إن كان كذا فافعل كذا.
العمليات الحسابية
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
المقارنة
| العملية | المعنى |
|---|---|
=== |
يساوي (القيمة والنوع) |
!== |
لا يساوي |
> < |
أكبر، أصغر |
>= <= |
أكبر أو يساوي، أصغر أو يساوي |
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
الشروط
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
غيّر الدرجة وجرّب.
العمليات المنطقية
&&و: الشرطان صحيحان.||أو: أحدهما صحيح.!نفي: يقلب القيمة.
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
القيم الصادقة والكاذبة
في الشروط، هذه القيم تُعامل كأنها false: 0، و"" (نص فارغ)، وnull، وundefined، وNaN. وكل ما عداها true:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
المعامل الثلاثي
اختصار لـ if/else بسيطة:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
switch
لمقارنة قيمة واحدة بعدة احتمالات:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
لا تنسَ break، وإلا يستمر التنفيذ للحالة التالية.
تمرين
اكتب برنامجًا يأخذ درجة الحرارة ويطبع «بارد» تحت 15، و«معتدل» حتى 28، و«حار» فوقها:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
الأسئلة الشائعة
كم else if أستطيع أن أكتب؟
ما تشاء، لكن إن كثرت جدًا، ففكر في switch أو كائن يربط القيم بالنتائج.
لماذا 0.1 + 0.2 لا تساوي 0.3؟
طريقة تخزين الأرقام العشرية في الحاسوب. للأموال، اعمل بالهللات أو السنتات كأرقام صحيحة.
الخلاصة
===للمقارنة دائمًا.- if / else if / else للقرارات، و&& و|| و! لدمج الشروط.
- المعامل الثلاثي للحالات البسيطة، وswitch لقيمة بعدة احتمالات.