الوحدة 3: التحكم في تدفق البرنامج في JavaScript

إليك كورس كامل عن الوحدة 3: التحكم في تدفق البرنامج في JavaScript، والتي تركز على كيفية التحكم في سير تنفيذ البرنامج باستخدام الجمل الشرطية والحلقات. سنغطي المواضيع الأساسية بشكل مفصل مع أمثلة وتمارين تطبيقية.

الوحدة 3: التحكم في تدفق البرنامج في JavaScript

الدرس 1: الجمل الشرطية في JavaScript

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

1. جملة if (إذا)

• تستخدم للتحقق من شرط معين، وإذا تحقق الشرط، يتم تنفيذ الكود داخل الكتلة.
  javascript

  Copy code

  let x = 10;
if (x > 5) {
console.log("العدد أكبر من 5");
}


2. جملة else (إلا)

• تُستخدم في حال كان الشرط في جملة if غير صحيح. يتم تنفيذ الكود داخل كتلة else.
  javascript

  Copy code

  let x = 3;
if (x > 5) {
console.log("العدد أكبر من 5");
} else {
console.log("العدد أصغر أو يساوي 5");
}


3. جملة else if (إلا إذا)

• تُستخدم عندما يكون لديك أكثر من شرط للتحقق منه.
  javascript

  Copy code

  let x = 10;
if (x > 15) {
console.log("العدد أكبر من 15");
} else if (x > 5) {
console.log("العدد أكبر من 5 وأقل من أو يساوي 15");
} else {
console.log("العدد أصغر أو يساوي 5");
}


التمارين:

• تمرين 1: كتابة كود يستخدم if, else if, و else للتحقق من درجة الطالب (ممتاز، جيد، ضعيف) بناءً على الدرجة المدخلة.
• تمرين 2: كتابة برنامج يتحقق إذا كان الرقم المدخل من المستخدم زوجيًا أم فرديًا باستخدام if و else.

الدرس 2: الجملة switch (التبديل)

• المفهوم: تُستخدم switch عندما يكون لديك عدة حالات مختلفة للتحقق منها.

  مثال:

  javascript

  Copy code

  let day = 3;
switch (day) {
case 1:
console.log("الأحد");
break;
case 2:
console.log("الاثنين");
break;
case 3:
console.log("الثلاثاء");
break;
default:
console.log("اليوم غير محدد");
}

• الملاحظات:
  • يتم استخدام break لإيقاف تنفيذ الكود بعد تنفيذ إحدى الحالات.
  • إذا لم يتم إيجاد تطابق مع أي حالة، سيتم تنفيذ الكود داخل default (إن وجد).

التمارين:

• تمرين 1: كتابة برنامج يستخدم switch لتحويل أرقام الأسبوع (1 إلى 7) إلى أسماء الأيام (الأحد، الاثنين…).
• تمرين 2: استخدام switch لاختيار خيار من قائمة طعام (برجر، بيتزا، صحن روز).

الدرس 3: الحلقات (Loops)

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

1. الحلقة for

• تُستخدم عندما تعرف عدد التكرارات مسبقًا.
  javascript

  Copy code

  for (let i = 0; i < 5; i++) {
console.log(i); // يطبع الأرقام من 0 إلى 4
}


2. الحلقة while

• تُستخدم عندما لا تعرف عدد التكرارات مسبقًا ولكنك بحاجة لتكرار الكود طالما تحقق الشرط.
  javascript

  Copy code

  let i = 0;
while (i < 5) {
console.log(i);
i++;
}


3. الحلقة do...while

• تشبه while ولكنها تضمن تنفيذ الكود مرة واحدة على الأقل قبل التحقق من الشرط.
  javascript

  Copy code

  let i = 0;
do {
console.log(i);
i++;
} while (i < 5);


التمارين:

• تمرين 1: كتابة كود يستخدم for لطباعة الأعداد من 1 إلى 10.
• تمرين 2: كتابة كود يستخدم while لحساب مجموع الأعداد من 1 إلى 100.
• تمرين 3: كتابة كود يستخدم do...while لتحويل الأرقام من 1 إلى 5 إلى صيغة “رقم [عدد]” في السطر.

الدرس 4: التكرار عبر المصفوفات (Array Iteration)

• في JavaScript، يمكنك التكرار عبر المصفوفات باستخدام for, forEach, و map.

1. التكرار باستخدام for

• مثال:
  javascript

  Copy code

  let fruits = ["تفاح", "موز", "برتقال"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}


2. التكرار باستخدام forEach

• تُستخدم forEach للتكرار عبر المصفوفات، وتعتبر طريقة أبسط وأوضح.
  javascript

  Copy code

  let fruits = ["تفاح", "موز", "برتقال"];
fruits.forEach(function(fruit) {
console.log(fruit);
});


3. التكرار باستخدام map

• تُستخدم map لتحويل كل عنصر في المصفوفة إلى قيمة جديدة.
  javascript

  Copy code

  let fruits = ["تفاح", "موز", "برتقال"];
let upperCaseFruits = fruits.map(function(fruit) {
return fruit.toUpperCase();
});
console.log(upperCaseFruits); // ["تفاح", "موز", "برتقال"]


التمارين:

• تمرين 1: كتابة كود يستخدم forEach لطباعة جميع عناصر المصفوفة.
• تمرين 2: كتابة كود يستخدم map لتحويل جميع الأرقام في مصفوفة إلى مربعاتها (مثال: [1, 2, 3] إلى [1, 4, 9]).

الدرس 5: استخدام break و continue

• break: تُستخدم لإنهاء الحلقة المبكرة.
  javascript

  Copy code

  for (let i = 0; i < 10; i++) {
if (i === 5) {
break; // إيقاف الحلقة عندما يكون i = 5
}
console.log(i);
}

• continue: تُستخدم لتخطي التكرار الحالي والانتقال إلى التكرار التالي.
  javascript

  Copy code

  for (let i = 0; i < 10; i++) {
if (i === 5) {
continue; // تخطي الطباعة عندما يكون i = 5
}
console.log(i);
}


التمارين:

• تمرين 1: كتابة برنامج يستخدم break لإنهاء الحلقة عند العثور على الرقم 7.
• تمرين 2: كتابة برنامج يستخدم continue لتخطي الأرقام الزوجية في حلقة.

الدرس 6: تلخيص الوحدة

• الجمل الشرطية: if, else if, else, و switch تُستخدم للتحكم في تدفق البرنامج بناءً على الشروط.
• الحلقات: for, while, و do...while تُستخدم لتنفيذ جزء من الكود عدة مرات بناءً على شروط محددة.
• التكرار عبر المصفوفات: يمكنك التكرار عبر المصفوفات باستخدام for, forEach, و map لتنفيذ العمليات على كل عنصر.
• break و continue: تُستخدم للتحكم في سير تنفيذ الحلقات.

المشاريع العملية للوحدة 3:

• مشروع 1: بناء تطبيق لآلة حاسبة باستخدام الجمل الشرطية.
• مشروع 2: بناء تطبيق لحساب الدرجات الطلابية باستخدام if, else, و switch.
• مشروع 3: كتابة برنامج لحساب مجموع الأرقام الفردية في مصفوفة باستخدام الحلقات.