العبارات الشرطية في جافاسكربت
الجمل الشرطية ( conditions ) هي الطريقة التي تُمكّن جهاز الكمبيوتر من إتخاذ القرارات, و دائماً يكون بها جزء يحتوي على عبارة if. و عبارة if هي الجزء المسؤول عن إخبار التطبيق ماذا يفعل في حال كان الشرط صحيح. وتحتوي ايضاً الجملة الشرطية على جزء ثاني و هو عبارة else و هي الجزء المسؤول عن إخبار التطبيق ماذا يفعل في حال كان الشرط غير صحيح.
العوامل المستخدمة مع الشروط في جافاسكربت
- < أكبر من.
- > أصغر من.
- =< أكبر أو يساوي.
- => أصغر أو يساوي.
- == القيمتين متساويتين بغض النظر عن نوع البيانات يعني 1 تساوي "1".
- =! القيمتين غير متساويتين.
- === القيمتين متساويتين و من نفس نوع البيانات يعني 1 لا تساوي "1".
- ==! القيمتين غير متساويتين مع الأخذ بعين الإعتبار نوع البيانات.
جملة if الشرطية في جافاسكربت
جملة if تقوم بتحديد مسار البرنامج تحت شروط معينة وهي تكون الجزء المسؤول عن إخبار البرنامج ماذا يفعل في حال كان الشرط محققاً.
الشكل العام لجملة if في جافاسكربت
if ( condition ) { /الأمر الذي يتم تنفيذه في حال تحقق الشرط }
يتم تقييم الشرط بـ true,false إذا تم تقييم الشرط بـ true سيتم عمل البرنامج و إذا تم تقييمه بـ false سيكون العكس و لن يعمل البرنامج.
مثال 1
if ( 5 > 15 ) { alert ("تم تحقق الشرط"); }
النتيجة في المتصفح ستكون فارغة لأن الشرط لم يتحقق لأن الـ 5 ليست اكبر من 15. فإذا قمنا بعكس الإشارة في الشرط
if ( 5 < 15 ) { alert ("تم تحقق الشرط"); }
عندها سوف يتحقق الشرط وعندما ننفذ الكود في المتصفح سوف يظهر لدينا ديالوك منبثق يكتب لنا تم تحقق الشرط.
جملة else الشرطية في جافاسكربت
جملة else تكون هي الجزء المسؤول عن إخبار البرنامج ماذا يفعل إن كان الشرط غير صحيح. مثلما كان في المثال الأول عوضاً من أن يعطينا نتيجة فارغة أو بدون نتيجة, سوف يعطينا نتيجة في حال أن الشرط غير محقق.
الشكل العام لجملة else في جافاسكربت
if ( condition ) { /الأمر الذي يتم تنفيذه في حال تحقق الشرط } else{ /الأمر الذي يتم تنفيذه في حال عدم تحقق }
القسم الأول في أي جملة شرطية يكون عبارة if و هي يكون بها الشرط و الأوامر بها في حال كان هذا الشرط محققاً. و القسم الثاني هو عبارة else و هي ما سوف تحمل من أوامر في حال كان الشرط غير محقق.
مثال 2
if ( 5 > 15 ) { alert ("تم تحقق الشرط"); } else{ alert("لم يتحقق الشرط"); }
عند تشغيل هذا الكود لن يُعطينا نتيجة فارغة أو بدون نتيجة كونه غير محقق, و إنما سوف يطبع لنا العبارة التي وضعناها لم يتحقق الشرط.
مثال 3
var points = 60; if ( points >= 40 ) { alert ("ناجح"); } else{ alert("راسب"); }
أنشأنا متغير للدرجات وهو points و كان يحمل الدرجة 60. و قمنا بإنشاء جملة شرطية و قلنا بها في حال كانت الدرجة أكبر أو يساوي 40 قم بطباعة كلمة ناجح. و غير ذلك قم بطباعة راسب. عند تشغيل الكود سوف يطبع لنا النتيجة ناجح لأن الشرط محقق لأن قيمة المتغير points بالفعل أكبر من 40 وهي 60.
جملة else if الشرطية في جافاسكربت
تستخدم جملة else if في حال كنا نُريد من البرنامج التحقق من أكثر من جملة شرطية نضع else if عوضاً عن else.
مثال 4
var points = 95; if (points >= 90){ alert("ممتاز"); } else if (points >= 80){ alert("جيد جداً"); } else if (points >= 70){ alert("جيد"); } else if (points >= 60){ alert("مقبول"); } else { alert("ضعيف"); }
أنشأنا متغير عددي وهو point و عيننا له القيمة 95 و أنشأنا جملة شرطية, والشروط في هذه الجملة هي:
- إذا كانت قيمة المتغير points أكبر أو يساوي 90 قم بطباعة ممتاز.
- إذا كانت قيمة المتغير points أكبر أو يساوي 80 قم بطباعة جيد جداً.
- إذا كانت قيمة المتغير points أكبر أو يساوي 70 قم بطباعة جيد.
- إذا كانت قيمة المتغير points أكبر أو يساوي 60 قم بطباعة مقبول.
- و في حال كانت غير ذلك قم بطباعة ضعيف, أي حد الكسر هو 60 فقط و ما دونها ضعيف.
سوف يطبع لنا النتيجة ممتاز لأن قيمة المتغير هي 95 أكبر من الشرط 90, يمكنكم التغيير بقيمة المتغير 95 و التجربة بجميع القيم.
جملة switch في جافاسكربت
نستخدم جملة switch إذا كنا نُريد إختبار قيمة متغير معين مع اللائحة من إحتمالات نقوم نحن بوضعها. و إذا تساوت هذه القيمة مع أي إحتمال عندها سوف تتنفذ الأوامر التي وضعناها في هذا الإحتمال فقط.
الشكل العام لجملة switch في javascript
switch (exprission) { case1 value: /statments break; case2 value: /statments break; case3 value: /statments break; default: /statments break; }
يقصد بـ exprission المتغير الذي نريد إختباره, ويُقصد بـ case الحالة, و value قيمة, ويقصد بـ statements الأوامر التي نريدها أن تتنفذ. و يقصد من كل هذا إذا تساوت قيمة المتغير المختبر في الأعلى مع أي حالة في الأسفل سوف تتنفذ فقط أوامر الحالة التي تساوت قيمتها. وتم وضع break ليتوقف عند تنفيذ طلبه ولا يكمل على الحالات التي بعده.
مثال 5
var date = 1992; switch (date) { case 1990: alert("date = 1990"); break; case 1992: alert("date = 1992"); break; case 1994: alert("date = 1994"); break case 1996: alert("date str = 1996"); break; default: alert("invailed"); break; }
أنشأنا متغير عددي وهو للتاريخ و قيمته هي 1992, ووضعنا عدة شروط لهذا التاريخ وسوف يتنفذ إحتمال واحد من الإحتمالات. الإحتمالات المتاحة هي:
- إذا كانت قيمة المتغير هي 1990 قم بتنفيذ الإحتمال الأول و يحمل النص date = 1990.
- إذا كانت قيمة المتغير هي 1992 قم بتنفيذ الإحتمال الثاني و يحمل النص date = 1992.
- إذا كانت قيمة المتغير هي 1994 قم بتنفيذ الإحتمال الثالث و يحمل النص date = 1994.
- إذا كانت قيمة المتغير هي 1996 قم بتنفيذ الإحتمال الرابع و يحمل النص date = 1996.
- و في حال كان غير ما سبق كله قم بطباعة كلمة فشل invailed.
عند تشغيل الكود سنحصل على النتيجة الثانية لأنها تحققت.