الدرس السابع: الشروط في JavaScript – اتخاذ القرارات البرمجية

العنوان:

كيف تجعل الكود يتخذ قرارات ذكية بناءً على المدخلات؟

المقدمة:

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

في الدرس ده، هنتعلم الشروط الأساسية في JavaScript ونشوف أمثلة تطبيقية.

ما هي الشروط؟

الشروط عبارة عن منطق برمجي يستخدم لتحديد ما الذي يجب أن يحدث إذا تحقق شرط معين.
تستخدم مع المقارنات مثل:
- > أكبر من
- < أصغر من
- === مساواة تامة
- !== عدم تطابق

أشكال الشروط في JavaScript:

1. `if`:

تنفذ الكود فقط إذا تحقق الشرط.


let age = 20;
if (age >= 18) {
  console.log("You are an adult.");
}

شرح الكود:

الشرط: age >= 18
لو الشرط صحيح، يتم تنفيذ console.log.

2. `else`:

ينفذ الكود البديل إذا لم يتحقق الشرط.


let age = 15;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

شرح الكود:

لو العمر أقل من 18، يتم تنفيذ الكود داخل else.

3. `else if`:

يستخدم لإضافة شروط إضافية بين if و else.


let score = 75;
if (score >= 90) {
  console.log("Excellent!");
} else if (score >= 60) {
  console.log("Good!");
} else {
  console.log("Try harder!");
}

شرح الكود:

يتحقق أول شرط. لو غير صحيح، يتحقق الشرط التالي، وهكذا.

تطبيق عملي: التحقق من اسم المستخدم:

كود HTML مع JavaScript:


<!DOCTYPE html>
<html>
  <body>
    <script>
      let userName = prompt("What is your name?");
      if (userName === "Mostafa") {
        alert("Welcome back, Mostafa!");
      } else {
        alert("Hello, " + userName + "! Nice to meet you.");
      }
    </script>  </body>
</html>

النتيجة:

إذا كان اسم المستخدم "Mostafa"، يظهر ترحيب خاص.
إذا كان اسم مختلف، يظهر ترحيب عام.

الشروط مع القيم المنطقية:

مثال:


let isLoggedIn = true;
if (isLoggedIn) {
  console.log("Welcome to your account.");
} else {
  console.log("Please log in first.");
}

شرح الكود:

isLoggedIn هو قيمة منطقية (Boolean).
لو كانت true، يتم تنفيذ الرسالة الأولى.
لو كانت false، يتم تنفيذ الرسالة الثانية.

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

يمكنك وضع شرط داخل شرط آخر.

مثال:


let age = 25;
let isStudent = true;
if (age >= 18) {  if (isStudent) {
    console.log("You are an adult student.");
  } else {
    console.log("You are an adult but not a student.");
  }
} else {
  console.log("You are not an adult.");
}

شرح الكود:

يتم فحص عمر المستخدم أولاً.
إذا كان عمره فوق 18، يتم التحقق إذا كان طالبًا.

أفضلية استخدام `switch` بدل `if` مع الخيارات الكثيرة:

مثال:


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.");
}

شرح الكود:

switch هو طريقة بديلة للشروط لما يكون عندك حالات كثيرة.

تمارين تطبيقية:

اكتب برنامج يطلب من المستخدم إدخال عمره ويطبع "طفل" لو أقل من 12، و"مراهق" لو بين 12 و18، و"بالغ" لو أكبر من 18.
عدل كود التحقق من اسم المستخدم ليعرض رسالة خاصة لأسماء معينة مثل "Ahmed" أو "Sara".

وختامًا:

في الدرس ده، تعلمنا كيفية استخدام الشروط لجعل الكود يتخذ قرارات ذكية. في الدرس الجاي، هنشوف الحلقات التكرارية (Loops)، ودي هتساعدنا نكرر تنفيذ كود معين بسهولة. مستعد للتكرار؟ 😊

تعديل المقال

WiseSyntax

الدرس السابع: الشروط في JavaScript – اتخاذ القرارات البرمجية