الشروط في لغة JavaScript

الشروط في لغة JavaScript

يا هلا بالجميع! اليوم بنتكلم عن الشروط في JavaScript، وهي أساس أي منطق برمجية. بدونها، برامجك بتكون خطية وما فيها أي ذكاء. الموضوع بسيط ومباشر، ويلا نبدأ.

1. جملة if

هذي أبسط أنواع الشروط. إذا كان الشرط صحيح (true)، الكود اللي داخلها بيتنفذ. وإذا كان خطأ (false)، الكود بيتجاهل.

let age = 18;

if (age >= 18) {
  console.log("أنت مؤهل للتصويت.");
}

ملاحظة: الشرط اللي داخل الأقواس () لازم يكون نتيجة بوليانية (true أو false). لو حطيت رقم مثلاً، JavaScript بتحوله لبولياني (0 بيكون false، وأي رقم ثاني بيكون true).

2. جملة else

طيب، لو بغيت تنفذ كود معين إذا كان الشرط خطأ؟ هنا يجي دور else. هي تكملة لـ if.

let temperature = 25;

if (temperature > 30) {
  console.log("الجو حار جداً!");
} else {
  console.log("الجو لطيف.");
}

3. جملة else if

أحياناً تحتاج تختبر أكثر من شرط بالترتيب. هنا else if هي الحل الأمثل. تقدر تحط عدد لا نهائي من else if بين if و else.

let score = 85;
let grade;

if (score >= 90) {
  grade = "ممتاز";
} else if (score >= 80) {
  grade = "جيد جداً";
} else if (score >= 70) {
  grade = "جيد";
} else {
  grade = "ناجح";
}

console.log(<code dir="ltr" style="background:#f3f4f6; color:#0056b3; padding:2px 6px; border-radius:4px; font-family:monospace; direction:ltr !important; display:inline-block;">درجتك: ${grade}</code>);

4. المعامل الثلاثي (Ternary Operator)

لو عندك شرط بسيط وتبغى تعين قيمة لمتغير بناءً عليه، المعامل الثلاثي ? : هو الأسرع والأكثر اختصاراً. هو اختصار لجملة if-else بسيطة.

let isRaining = true;
let activity = isRaining ? "خذ مظلة" : "اذهب في نزهة";
console.log(activity); // يطبع: خذ مظلة

ملاحظة: استخدم المعامل الثلاثي للأشياء البسيطة عشان ما تخرب قابلية قراءة الكود.

5. جملة switch

لما يكون عندك متغير واحد وتبغى تختبر قيم كثيرة له، switch أفضل من سلسلة if-else if الطويلة. هي تخلي الكود أنظف وأسهل للقراءة.

let day = "الاثنين";
let message;

switch (day) {
  case "السبت":
  case "الأحد":
    message = "إجازة نهاية الأسبوع!";
    break;
  case "الاثنين":
    message = "بداية أسبوع عمل جديد.";
    break;
  case "الجمعة":
    message = "نهاية أسبوع العمل.";
    break;
  default:
    message = "يوم عمل عادي.";
}

console.log(message); // يطبع: بداية أسبوع عمل جديد.

ملاحظة مهمة: لا تنسى break; بعد كل case! إذا نسيتها، الكود بيستمر بالتنفيذ للـ case اللي بعده (fall-through) وهذا غالباً مو اللي تبغاه.

الخلاصة

كذا نكون غطينا أساسيات الشروط في JavaScript. سواء كنت تستخدم if، else if، else، المعامل الثلاثي، أو switch، الهدف واحد: تخلي برنامجك يتخذ قرارات بناءً على البيانات. تدرب عليها كثير عشان تصير طبيعية بالنسبة لك. بالتوفيق!

← السابقالفهرس