Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

جملة If - Else

جزء من قسم Fundamentals في رحلة JavaScript على Coddy — الدرس 24 من 77.

تسمح لنا if بتنفيذ كود معين إذا تحقق شرط ما، ولكن ماذا لو أردنا تنفيذ شيء آخر إذا لم يتحقق الشرط؟

لهذا الغرض لدينا جملة else:

let age = 15;
let status = "None";
if (age >= 18) {
	status = "Adult";
} else {
	status = "Young";
}

في المثال أعلاه، age أصغر من 18 مما يعني أنه يدخل في كود else و status سيحمل "Young".

يمكننا حتى جعلها أكثر عمقاً باستخدام جملة else if:

let age = 68;
let status = "None";
if (age < 18) {
	status = "Young";
} else if (age >= 18 && age <= 65) {
	status = "Adult";
} else {
	status = "Old";
}

هنا يتم التحقق مما إذا كان age أصغر من 18، وإذا لم يكن كذلك فسيستمر إلى الشرط التالي ويتحقق مما إذا كان age بين 18 و 65. وإذا لم يتم استيفاء هذا الشرط أيضاً، فسيقوم بتعيين status إلى "Old".

يمكننا إضافة أي عدد نريده من جمل else if:

if (condition1) {
	code;
} else if (condition2) {
	code;
} else if (condition3) {
	code;
	...
challenge icon

التحدي

مبتدئ

لقد تم تزويدك بكود يحصل على رقم كمدخل يشير إلى سرعة الرياح ويقوم بتخزينه في متغير يسمى wind.

ملاحظة: تتم معالجة المدخلات خلف الكواليس. في لغة JavaScript، من الصعب الحصول على مدخلات من المستخدم، لذا لن نتطرق إليها في هذا القسم.

 

مهمتك هي تهيئة المتغير condition بناءً على الشروط التالية:

  • "Calm" إذا كانت wind أصغر من 8،
  • "Breeze" إذا كانت wind بين 8 و 31 (بما في ذلك 8 و 31).
  • "Gale" إذا كانت wind بين 32 و 63 (بما في ذلك 32 و 63)
  • "Storm" خلاف ذلك

تحقق من حالات الاختبار لرؤية جميع المدخلات والمخرجات المتوقعة

ورقة مرجعية

استخدم else لتنفيذ الكود عندما لا يتحقق شرط if:

if (age >= 18) {
    status = "Adult";
} else {
    status = "Young";
}

استخدم else if للتحقق من شروط متعددة:

if (age < 18) {
    status = "Young";
} else if (age >= 18 && age <= 65) {
    status = "Adult";
} else {
    status = "Old";
}

يمكنك ربط عدة جمل else if معاً:

if (condition1) {
    code;
} else if (condition2) {
    code;
} else if (condition3) {
    code;
}

جرّب بنفسك

let wind = parseInt(inp); // لا تغير هذا السطر
let condition = "unset";
// اكتب كودك بالأسفل


// لا تغير السطر بالأسفل
console.log(`condition = ${condition}`);
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Fundamentals