تستخدم التعابير الشرطية لإنشاء أوامر مختلفة تعتمد على شروط مختلفة .
التعابير الشرطية
عندما تكتب كود معين غالباً ماتريد إنشاء أمر معين حسب شروط مختلفة ولهذا يمكنك استخدام خاصية التعابير الشرطية لفعل ذلك وسنتعلم كيف في الأمثلة .
لدينا 4 تعابير شرطية وهي :
- تعبير if : يستخدم هذا التعبير لإظهار كود معين في حال كانت الحالة صحيحة تماماً .
- تعبير if … else : تعبير اذا وغير ذلك : يمكن استخدام هذا النوع من الكود الشرطي اذا كانت حالة الشرط الأول صحيحة والثانية خاطئة .
- تعبير if … else if ….else : يستخدم هذا التعبير مع واحد من مجموعة أكواد أي يستخدم عند تحقق شرط معين واذا لم يتحقق سيتم إظهار شرط آخر واذا لم يتحقق سيتم تلقائياً تطبيق الكود عند else .
- تعبير switch : يستخدم هذا التعبير لإختيار كود من مجموعة أكواد .
تعبير If
يستخدم هذا التعبير لإظهار كود معين في حال كانت الحالة صحيحة تماماً .
التركيبة
if (الشرط) { الكود الذي سيظهر في حال تحقق الشرط }
شرح الكود
نستخدم التعبير if ثم بين قوسين نقوم بوضع الشرط الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط وإن لم يتحقق الشرط لن يتم عرض أي نتيجة .
ملاحظة : يجب كتابة كلمة ( اذا if ) بأحرف صغيرة ولكن عند كتابتها بأحرف كبيرة IF ستقوم الجافاسكربت بإظهار خطأ .
مثال
<script type="text/javascript"> /* سيتم فحص الفحص اذا كانت الساعة اقل من 10 ستظهر الرسالة صباح الخير */ var d=new Date(); var time=d.getHours(); if (time<10) { document.write("<strong>صباح الخير</strong>"); } </script>
لاحظ أنه ليس لدينا الشرط ( غير ذلك else ) أي سيتم إخبار المتصفح أن يظهر الكود فقط اذا تحقق الشرط أي اذا أصبحت الساعة بعد 10 لن يتم إظهار أي نتيجة .
تعبير if … else
تعبير اذا أو غير ذلك : يمكن استخدام هذا النوع من الكود الشرطي اذا كانت حالة الشرط الأول صحيحة والثانية خاطئة .
التركيبة
if (الشرط) { الكود الذي سيظهر في حال تحقق الشرط } else { الكود الذي سيظهر في حال لم يتحقق الشرط }
شرح الكود
نستخدم التعبير if ثم بين قوسين نقوم بوضع الشرط الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط وإن لم يتحقق الشرط سيتم عرض الكود الموجود ضمن الغير ذلك else أي ان لم يتحقق الشرط سيظهر الكود الآخر .
<script type="text/javascript"> /* سيتم فحص الفحص اذا كانت الساعة اقل من 10 ستظهر الرسالة صباح الخير */ var d=new Date(); var time=d.getHours(); if (time<10) { document.write("<strong>صباح الخير</strong>"); } else { document.write("<strong>إنك متأخر اليوم</strong>"); } </script>
تعبير if … else if ….else
يستخدم هذا التعبير مع واحد من مجموعة أكواد أي يستخدم عند تحقق شرط معين واذا لم يتحقق سيتم إظهار شرط آخر واذا لم يتحقق سيتم تلقائياً تطبيق الكود عند else .
التركيبة
if (الشرط 1) { الكود الذي سيظهر في حال تحقق الشرط 1 } else if (الشرط 2) { الكود الذي سيظهر في حال تحقق الشرط 2 } else { الكود الذي سيظهر في حال لم يتحقق الشرط 1 أو الشرط 2 }
شرح الكود
نستخدم التعبير if ثم بين قوسين نقوم بوضع الشرط 1 الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط 1 ثم نقوم بوضع الشرط 2 مع else if الذي نود استخدامه ثم بين الأقواس المنحنية نقوم بإدارج الكود الذي نود أن يظهر عند تحقق هذا الشرط 2 وإن لم يتحقق الشرط سيتم عرض الكود الموجود ضمن الغير ذلك else أي سيظهر الكود ان لم يتحقق الشرط 1 أو الشرط 2.
مثال
<script type="text/javascript"> var d=new Date(); var time=d.getHours(); if (time<10) { document.write("<strong>صباح الخير</strong>"); } else if (time>=10 && time<12) { document.write("<b>إنه يوم جميل</b>"); } else { document.write("<strong>إنك متأخر اليوم</strong>"); } </script>
ليست هناك تعليقات:
إرسال تعليق