الجمل الشرطية if else في JavaScript للمبتدئين: كيف تجعل الكود يتخذ قرارات صحيحة؟

البرمجة في جوهرها قرارات: إذا تحقق شرط نفّذ شيئاً، وإذا لم يتحقق نفّذ شيئاً آخر. هنا تأتي قوة if / else في JavaScript.

إذا كنت تبحث عن شرح if else للمبتدئين أو كيف أكتب شرطاً صحيحاً في JavaScript أو متى أستخدم else، فهذا الدرس يشرح الفكرة بأمثلة عملية واضحة.

ما هي if else في JavaScript؟

if تفحص شرطاً. إذا كان الشرط true ينفذ الكود داخلها. else تمثل المسار البديل عندما يكون الشرط false.

قاعدة بسيطة: if = "لو"، else = "وإلا". بهذه البنية تعطي برنامجك قدرة على اتخاذ القرار.

1) جملة if البسيطة

let score = 70;

if (score >= 50) {
  console.log("مبروك، لقد نجحت!");
}

ماذا يفعل هذا الكود؟ يطبع رسالة النجاح فقط عندما يكون الشرط صحيحاً.

النتيجة المتوقعة: مع score=70 ستظهر رسالة النجاح.

خطأ شائع: توقع تنفيذ الكود حتى عندما يكون الشرط false.

2) جملة if else

let score = 40;

if (score >= 50) {
  console.log("ناجح");
} else {
  console.log("راسب");
}

ماذا يفعل هذا الكود؟ يختار بين مسارين: نجاح أو رسوب.

النتيجة المتوقعة: مع score=40 ستظهر راسب.

خطأ شائع: نسيان الأقواس { } مما يجعل التنفيذ غير واضح.

3) if else مع العوامل المنطقية

let age = 20;
let hasId = true;

if (age >= 18 && hasId) {
  console.log("Allowed");
} else {
  console.log("Not allowed");
}

ماذا يفعل هذا الكود؟ يربط شرطين معاً قبل اتخاذ القرار.

النتيجة المتوقعة: في هذا المثال النتيجة Allowed.

خطأ شائع: استخدام || بدل && عندما يكون المطلوب تحقق الشرطين معاً.

4) مثال من الواقع: حالة تسجيل الدخول

let isLoggedIn = false;

if (isLoggedIn) {
  console.log("Welcome back");
} else {
  console.log("Please login");
}

ماذا يفعل هذا الكود؟ يوجّه المستخدم حسب حالة تسجيل الدخول.

النتيجة المتوقعة: مع false ستظهر رسالة طلب تسجيل الدخول.

خطأ شائع: الخلط بين = (تعيين) و=== (مقارنة) داخل الشرط.

Story قصيرة: Bug صغير غيّر كل المنطق

مبتدئ كتب داخل if هكذا: if (isAdmin = true). الكود اشتغل دائماً كأنه Admin. السبب: استخدم التعيين = بدل المقارنة. بعد استبدالها بـ === عاد السلوك الطبيعي.

let temp = 35;

if (temp > 30) {
  console.log("Hot");
} else {
  console.log("Normal");
}

Checklist سريعة قبل كتابة أي if/else

• هل الشرط يعيد Boolean واضحاً؟
• هل استخدمت === للمقارنة بدل =؟
• هل الأقواس ( ) و{ } مكتوبة بشكل صحيح؟
• هل كتبت مسار else عندما تحتاج نتيجة بديلة؟

روابط المتابعة بعد هذا الدرس

الخطوة التالية مباشرة: الشروط المتعددة else if في JavaScript ثم جملة switch في JavaScript.

الأسئلة الشائعة — FAQ (أسئلة بحثية شائعة)

ما هي if else في JavaScript؟

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

متى أستخدم if فقط ومتى أستخدم if else؟

استخدم if وحدها عند الحاجة لمسار واحد، واستخدم if else عندما تريد مساراً بديلاً.

هل يمكن وضع أكثر من شرط داخل if؟

نعم، باستخدام && و|| يمكنك بناء شروط مركبة.

ما الفرق بين if else و else if؟

if else تعني خيارين فقط، بينما else if تضيف خيارات إضافية متعددة.

كيف أتجنب أخطاء الشروط؟

تأكد من استخدام معاملات المقارنة الصحيحة، وجرّب القيم في Console للتحقق من سلوك كل حالة.

للمتابعة مباشرة: ابدأ بدرس الشروط المتعددة else if في JavaScript ثم انتقل إلى جملة switch في JavaScript.