Kodax

الجمل الشرطية — JavaScript الأساسيات

الجمل الشرطية

الجمل الشرطية تسمح للبرنامج باتخاذ قرارات مختلفة بناءً على شروط معينة.

if الأساسية

let age = 20;

if (age >= 18) {
  console.log("أنت بالغ");
}

if...else

let temperature = 35;

if (temperature > 30) {
  console.log("الجو حار 🔥");
} else {
  console.log("الجو معتدل 🌤️");
}

if...else if...else

let grade = 85;

if (grade >= 90) {
  console.log("ممتاز 🏆");
} else if (grade >= 80) {
  console.log("جيد جداً ⭐");
} else if (grade >= 70) {
  console.log("جيد 👍");
} else if (grade >= 60) {
  console.log("مقبول ✓");
} else {
  console.log("راسب ❌");
}

الشروط المتداخلة

let age = 25;
let hasLicense = true;

if (age >= 18) {
  if (hasLicense) {
    console.log("يمكنك القيادة 🚗");
  } else {
    console.log("تحتاج رخصة قيادة");
  }
} else {
  console.log("أنت صغير على القيادة");
}

// طريقة أفضل باستخدام &&
if (age >= 18 && hasLicense) {
  console.log("يمكنك القيادة 🚗");
}

switch

let day = new Date().getDay();

switch (day) {
  case 0:
    console.log("الأحد");
    break;
  case 1:
    console.log("الاثنين");
    break;
  case 2:
    console.log("الثلاثاء");
    break;
  case 3:
    console.log("الأربعاء");
    break;
  case 4:
    console.log("الخميس");
    break;
  case 5:
    console.log("الجمعة 🕌");
    break;
  case 6:
    console.log("السبت");
    break;
  default:
    console.log("يوم غير معروف");
}

switch مع حالات متعددة

let fruit = "تفاح";

switch (fruit) {
  case "تفاح":
  case "موز":
  case "برتقال":
    console.log("هذه فاكهة 🍎");
    break;
  case "جزر":
  case "خيار":
    console.log("هذا خضار 🥕");
    break;
  default:
    console.log("غير معروف");
}

Truthy و Falsy

// قيم Falsy (تُعامل كـ false)
if (false) { }
if (0) { }
if (-0) { }
if ("") { }
if (null) { }
if (undefined) { }
if (NaN) { }

// كل شيء آخر Truthy
if ("مرحباً") { console.log("✅"); }  // يُنفذ
if (42) { console.log("✅"); }         // يُنفذ
if ([]) { console.log("✅"); }         // يُنفذ (مصفوفة فارغة!)
if ({}) { console.log("✅"); }         // يُنفذ (كائن فارغ!)

أنماط شائعة

// فحص وجود قيمة
let username = "";  // مثلاً: حقل إدخال تركه المستخدم فارغاً
if (username) {
  console.log(`مرحباً ${username}`);
} else {
  console.log("الرجاء إدخال اسم");
}

// قيمة افتراضية
let inputName = "";
let name = inputName || "زائر";

// فحص المصفوفة
let items = [];
if (items.length > 0) {
  console.log("توجد عناصر");
} else {
  console.log("المصفوفة فارغة");
}

// فحص الكائن
let user = null;
if (user?.name) {
  console.log(user.name);
}
// تجربة الشروط
let score = 75;

if (score >= 90) {
  console.log("ممتاز!");
} else if (score >= 70) {
  console.log("جيد!");
} else {
  console.log("يحتاج تحسين");
}

// switch
let day = 5;
switch (day) {
  case 5:
    console.log("يوم الجمعة!");
    break;
  default:
    console.log("يوم عادي");
}
اختبر فهمك