التفرع الشرطي في JavaScript

تشرح هذه المقالة التفرع الشرطي في JavaScript۔

YouTube Video

عبارة if في JavaScript

الصياغة الأساسية

1if (condition) {
2    // Code that executes if the condition is true
3}

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

مثال

1let x = 10;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5}

في هذا المثال، نظرًا لأن قيمة x أكبر من 5، يتم عرض x is greater than 5 في وحدة التحكم۔

عبارة else

الصياغة الأساسية

1if (condition) {
2    // Code that executes if the condition is true
3} else {
4    // Code that executes if the condition is false
5}

باستخدام عبارة else بعد عبارة if، يمكنك تحديد كود يتم تنفيذه عندما يكون الشرط خاطئًا.۔

مثال

1let x = 3;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5} else {
6    console.log("x is 5 or less");
7}

في هذه الحالة، نظرًا لأن x أقل من 5، يتم عرض "x is 5 or less"۔

عبارة else if

الصياغة الأساسية

1if (condition1) {
2    // Code that executes if condition1 is true
3} else if (condition2) {
4    // Code that executes if condition1 is false and condition2 is true
5} else {
6    // Code that executes if both condition1 and condition2 are false
7}

إذا كنت تريد التحقق من شروط متعددة، استخدم else if.۔ يتم التحقق من الشرط التالي إذا كانت العبارة if الأولى خاطئة.۔

مثال

1let x = 5;
2
3if (x > 10) {
4    console.log("x is greater than 10");
5} else if (x === 5) {
6    console.log("x is 5");
7} else {
8    console.log("x is 5 or less");
9}

في هذه الحالة، نظرًا لأن x يساوي 5، يتم عرض "x is 5".۔

عامل الشرط الثلاثي (Conditional Operator)

الصياغة

1condition ? valueIfTrue : valueIfFalse

إذا كنت تريد كتابة عبارة if بشكل أكثر اختصارًا، يمكنك استخدام عامل الشرط الثلاثي.۔

مثال

1const number = 7;
2const result = number % 2 === 0 ? "Even" : "Odd";
3console.log(result); // "Odd"

في هذه الحالة، نظرًا لأن number هو 7، يتم عرض Odd۔

الملخص

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

عبارة switch في JavaScript

الصياغة الأساسية

 1switch (expression) {
 2    case value1:
 3        // Code that executes if the expression matches value1
 4        break;
 5    case value2:
 6        // Code that executes if the expression matches value2
 7        break;
 8    default:
 9        // Code that executes if no cases match
10}

تُستخدم عبارة switch في JavaScript لمقارنة تعبير واحد (عادةً متغير) مع قيم متعددة (الحالات) وتنفيذ الكود المناسب.۔ مثل عبارة if، يتم تنفيذ التفرع الشرطي، لكنها تكون غالبًا أكثر وضوحًا عندما تكون هناك شروط متعددة.۔

مثال

 1let fruit = "apple";
 2
 3switch (fruit) {
 4    case "apple":
 5        console.log("This is an apple");
 6        break;
 7    case "banana":
 8        console.log("This is a banana");
 9        break;
10    default:
11        console.log("Unknown fruit");
12}

في هذا المثال، نظرًا لأن fruit هو "apple"، يتم عرض "This is an apple" في وحدة التحكم۔

break の役割

عند إدراج break في نهاية كل حالة، تخرج من عبارة switch بعد اكتمال تلك الحالة۔ إذا لم تكتب break، سيتم تنفيذ الحالة التالية أيضًا (وهذا ما يُسمى fall-through)۔

مثال على Fall-Through

 1let color = "red";
 2
 3switch (color) {
 4    case "red":
 5        console.log("This is red");
 6    case "blue":
 7        console.log("This is blue");
 8    default:
 9        console.log("Unknown color");
10}

في هذه الحالة، نظرًا لأن color هو "red"، ولا يوجد break بعد "This is red"، سيتم عرض كل من "This is blue" و "Unknown color" أيضًا۔

استخدام default

default هو الجزء الذي يتم تنفيذه عند عدم تطابق أي حالة۔ هذا يعادل else في عبارة if۔

 1let animal = "dog";
 2
 3switch (animal) {
 4    case "cat":
 5        console.log("This is a cat");
 6        break;
 7    case "bird":
 8        console.log("This is a bird");
 9        break;
10    default:
11        console.log("Unknown animal");
12}

في هذه الحالة، نظرًا لأن animal هو "dog"، فإنه يقع تحت default ويتم عرض "Unknown animal"۔

معالجة قيم متعددة باستخدام نفس الحالة

إذا كنت تريد تنفيذ نفس العملية لحالات متعددة، يمكنك كتابتها بشكل متتالٍ۔

مثال

 1let day = 1;
 2switch (day) {
 3    case 1:
 4    case 2:
 5    case 3:
 6    case 4:
 7    case 5:
 8        console.log("Weekday");
 9        break;
10    case 6:
11    case 7:
12        console.log("Weekend");
13        break;
14    default:
15        console.log("Unknown day");
16}

في هذا المثال، إذا كان day هو 1، يتم عرض "Weekday"۔

switch vs. if

• عبارة if مناسبة لفحص الشروط أو النطاقات المعقدة۔ على سبيل المثال، الشروط المعقدة مثل أن يكون المتغير x أكبر من أو يساوي 10 وأقل من أو يساوي 20 لا يمكن كتابتها في عبارة switch۔
• يمكن أن تجعل عبارة switch الشيفرة أكثر قابلية للقراءة عند التحقق مما إذا كانت القيمة تتطابق مع قيمة معينة۔

الملخص

• يتم استخدام عبارة switch لكتابة فروع شرطية لقيم متعددة بشكل مختصر۔
• إذا لم تستخدم break في نهاية كل حالة case، فقد يتم تنفيذ الحالة case التالية أيضًا (الانتقال التتابعي)۔
• default يتم تنفيذه عندما لا تتطابق أي من الحالات۔

يمكنك متابعة المقالة أعلاه باستخدام Visual Studio Code على قناتنا على YouTube.۔ يرجى التحقق من القناة على YouTube أيضًا.۔

YouTube Video