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

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

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

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

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

الشكل العام:

if (condition) {
    // الكود اللي يتنفذ لو الشرط صحيح
}

مثال:

let age = 20;

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

الملاحظة: لو الشرط age >= 18 كان خطأ (مثلاً لو age كانت 16)، الكود اللي داخل الأقواس المعقوفة {} ما راح يتنفذ.

2. جملة if...else

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

الشكل العام:

if (condition) {
    // الكود يتنفذ لو الشرط صحيح
} else {
    // الكود يتنفذ لو الشرط خطأ
}

مثال:

let temperature = 25;

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

3. جملة if...else if...else

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

الشكل العام:

if (condition1) {
    // الكود يتنفذ لو condition1 صحيح
} else if (condition2) {
    // الكود يتنفذ لو condition1 خطأ و condition2 صحيح
} else {
    // الكود يتنفذ لو كل الشروط اللي فوق خطأ
}

مثال:

let score = 75;
let grade;

if (score >= 90) {
    grade = "A";
} else if (score >= 80) {
    grade = "B";
} else if (score >= 70) {
    grade = "C";
} else if (score >= 60) {
    grade = "D";
} else {
    grade = "F";
}

console.log("التقدير هو: " + grade); // التقدير هو: C

4. المعاملات المنطقية (Logical Operators)

أحياناً تحتاج تختبر أكثر من شرط في نفس الوقت. هنا تجي فايدة المعاملات المنطقية:

• && (AND): يرجع true لو كل الشروط صحيحة.
• || (OR): يرجع true لو واحد على الأقل من الشروط صحيح.
• ! (NOT): يعكس قيمة الشرط (من true إلى false والعكس).

مثال على &&:

let age = 25;
let hasLicense = true;

if (age >= 18 && hasLicense) {
    console.log("يمكنك القيادة.");
} else {
    console.log("لا يمكنك القيادة.");
}

مثال على ||:

let day = "Sunday";

if (day === "Saturday" || day === "Sunday") {
    console.log("إنه يوم عطلة نهاية الأسبوع.");
} else {
    console.log("إنه يوم عمل.");
}

مثال على !:

let isLoggedIn = false;

if (!isLoggedIn) {
    console.log("الرجاء تسجيل الدخول.");
} else {
    console.log("أهلاً بك!");
}

5. معامل الشرط الثلاثي (Ternary Operator)

هذا اختصار حلو ومفيد لجملة if...else البسيطة، خصوصاً لما تكون النتيجة عبارة عن تعيين قيمة لمتغير.

الشكل العام:

condition ? expressionIfTrue : expressionIfFalse;

مثال (نفس مثال if...else حق درجة الحرارة):

let temperature = 25;
let message = (temperature > 30) ? "الجو حار جداً!" : "الجو لطيف.";
console.log(message); // الجو لطيف.

6. جملة switch

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

الشكل العام:

switch (expression) {
    case value1:
        // كود يتنفذ لو expression تساوي value1
        break;
    case value2:
        // كود يتنفذ لو expression تساوي value2
        break;
    default:
        // كود يتنفذ لو ما فيه أي حالة مطابقة
}

الملاحظة: لا تنسى break; بعد كل case عشان ما يكمل الكود وينفذ الحالات اللي بعدها. default اختياري.

مثال:

let dayNumber = 3;
let dayName;

switch (dayNumber) {
    case 1:
        dayName = "الأحد";
        break;
    case 2:
        dayName = "الاثنين";
        break;
    case 3:
        dayName = "الثلاثاء";
        break;
    case 4:
        dayName = "الأربعاء";
        break;
    case 5:
        dayName = "الخميس";
        break;
    case 6:
        dayName = "الجمعة";
        break;
    case 7:
        dayName = "السبت";
        break;
    default:
        dayName = "رقم يوم غير صالح";
}

console.log("اليوم هو: " + dayName); // اليوم هو: الثلاثاء

الخلاصة

الشروط هي عمود فقري في البرمجة. سواء كنت تستخدم if/else، switch، أو المعامل الثلاثي، المهم إنك تختار الأنسب للموقف عشان يكون الكود حقك واضح وسهل القراءة والصيانة. تدرب عليهم وبتصير جزء منك!

← السابقالفهرسالتالي →