🎯 ما ستتعلمه في هذا التدريب
هذا التدريب التفاعلي سيساعدك على إتقان الجمل الشرطية في JavaScript من خلال:
- ✅ أسئلة تفاعلية متنوعة تشمل اختيار متعدد وإدخال نصي وسحب وإفلات
- ✅ فهم جملة if وكيفية تنفيذ الكود عند تحقق الشرط
- ✅ إتقان if...else لتنفيذ كود بديل
- ✅ استخدام if...else if...else لفحص شروط متعددة
- ✅ التعامل مع الجمل المتداخلة (Nested if)
- ✅ إتقان switch للقيم الثابتة
- ✅ كتابة شروط مختصرة باستخدام العامل الثلاثي (Ternary Operator)
- ✅ المقارنة بين Nested if والمعامل المنطقي &&
❓ ما هي الجمل الشرطية (Conditional Statements)؟
الجمل الشرطية تُستخدم لتشغيل أجزاء من الكود اعتمادًا على ما إذا كان الشرط صحيحًا (true) أو خاطئًا (false).
وهي تجعل الكود ذكيًا ويتفاعل مع الحالات المختلفة بدلاً من أن يكون خطيًا فقط ✨
let age = 20;
if (age >= 18) {
console.log("You are allowed to enter ✅");
}
🔀 1️⃣ جملة if
تُستخدم لتحديد كتلة من الكود يتم تنفيذها فقط إذا تحقق شرط معين.
let temperature = 30;
if (temperature > 25) {
console.log("الجو حار اليوم 🥵");
}
🔄 2️⃣ جملة if...else
تنفذ كتلة كود إذا تحقق الشرط، وكتلة أخرى إذا لم يتحقق.
let age = 15;
if (age >= 18) {
console.log("You are an adult 👌");
} else {
console.log("You are still a minor 🚸");
}
📊 3️⃣ جملة if...else if...else
تسمح بفحص شروط متعددة بالتتابع.
let score = 85;
if (score >= 90) {
console.log("Excellent 🥇");
} else if (score >= 75) {
console.log("Good 👍");
} else {
console.log("Keep trying 💪");
}
🧩 4️⃣ الجمل المتداخلة (Nested if)
يمكنك وضع جملة if داخل if أخرى للتحقق من شروط متسلسلة.
let age = 16;
let country = "USA";
let text = "You can Not drive!";
if (country == "USA") {
if (age >= 16) {
text = "You can drive!";
}
}
console.log(text);
⚖️ 5️⃣ Nested if vs Logical AND (&&)
يمكن استبدال Nested if بالمعامل && لتبسيط الكود.
if (age >= 18) {
if (hasLicense) {
message = "You can drive.";
}
}
if (age >= 18 && hasLicense) {
message = "You can drive.";
}
🎛️ 6️⃣ جملة switch
تُستخدم عندما يكون لديك قيم ثابتة محددة للتحقق منها، بدلاً من استخدام عدة if...else.
let day = "Monday";
switch (day) {
case "Monday":
console.log("Start of the week 💼");
break;
case "Friday":
console.log("Weekend is near 🎉");
break;
default:
console.log("Just another day 😎");
}
❓ 7️⃣ العامل الثلاثي (Ternary Operator)
صيغة مختصرة لكتابة شرط if...else.
let age = 20;
let message = (age >= 18) ? "Adult 👌" : "Minor 🚸";
console.log(message);