جملة الشرط في JavaScript

if else و else if

جملة الحالة هي مجموعة من الأوامر التي يتم تنفيذها عند صحة الحالة المحددة.

في العديد من الحالات، قد ترغب في تشغيل كتلة مختلفة بناءً على إدخال المستخدم أو عوامل أخرى.

جملة الحالة هي جزء من منطق برنامج الكمبيوتر، أو اتخاذ القرار أو توجيه التدفق.

في JavaScript، لدينا جملة الحالة التالية:

• جملة if

• جملة if...else

• جملة else...if

• جملة switch

سنناقش جملة switch في الفصل القادم.

جملة If في JavaScript

يتم تنفيذ الجملة فقط عند صحة الحالة المحددة للحالة. جملة الأسلوب:

if　(condition)　{
　　//إذا كانت الحالة صحيحة، يتم تنفيذ كتلة الأوامر
}

if (x < 0) {
　　　document.getElementById("result").innerHTML　=　"NEGATIVE";
}

جملة if ... else في JavaScript

جملة if...else تسمح لك بتنفيذ كتلة الأوامر عند صحة الحالة المحددة، وتنفيذ كتلة أخرى عند خطأ الحالة. جملة الأسلوب:

if　(condition)　{
　　　//إذا كانت الحالة صحيحة، يتم تنفيذ كتلة الأوامر
}
　　　//إذا كانت الحالة خاطئة، يتم تنفيذ كتلة الأوامر
}

var x = -4;
if (x < 0) {
　　　msg = "NEGATIVE";
}
　　　msg = "POSITIVE";　　　
}

إذا قام المستخدم بالنقر على الصورة، فإن هذا المثال سيغير قيمة src الخاصية للصورة:

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
　　　var image = document.getElementById("demo");
　　　if (image.src.match("female")) {
　　　image.src = "avatar-male.jpg";
　　　}
　　　image.src = "avatar-female.jpg";
　　　}
}
</script>

جملة else...if في JavaScript

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

if (condition1) {
　　//قائمة الأوامر التي يتم تنفيذها إذا كانت condition1 صحيحة
} else if (condition2) {
　　//قائمة الأوامر التي يتم تنفيذها إذا كانت condition1 غير صحيحة و condition2 صحيحة
}
　　//قائمة الأوامر التي يتم تنفيذها إذا كانت condition1 و condition2 غير صحيحة
}

//تعيين المستوى الحالي للطالب
var grade = 88;
//تحقق من أن النتيجة هي A, B, C, D أو F
if (grade >= 90) {
　　　document.write("A");
} else if (grade >= 80) {
　　　document.write("B");
} else if (grade >= 70) {
　　　document.write("C");
} else if (grade >= 60) {
　　　document.write("D");
}
　　　document.write("F");
}

جملة if ... else المدمجة

يمكنك استخدام جملة if ... else المدمجة لتحسين قدرة القرار في برنامج JavaScript.

var a = 10, b = 20, c = 30;
var answer;
if (a > b) {
　　　if (a > c) {
　　answer = "A هو أكبر الثلاثة";
　　　}
　　answer = "C هو أكبر الثلاثة";
　　　}
}
　　　answer = "B هو أكبر الثلاثة";
}
　　　answer = "C هو أكبر الثلاثة";　　　
}

التوليد الثلاثي

يقدم التوليد الثلاثي طريقة سهلة لكتابة تعليمات if ... else.

يُكتب التوليد الثلاثي باستخدام نقطتي الأسئلة (؟) ونقطة التعريف (:)، مثلما يلي:

(condition) ? expression on true : expression on false

في الجملة التالية،conditionسيتم كتابة الأول، ثم؟. سيتم كتابة التعبير الأول فيالحالة trueالتنفيذ، سيتم تنفيذ التعبير الثاني فيفي الحالة falseتنفيذ.

للتعرف على كيفية عمل التوليد الثلاثي، من فضلك فكر في المثال التالي:

var status = (age >= 18) ? "adult" : "minor";

إذا كان العمر 18 سنة أو أعلى، فإن القيمة "adult" تُنقل إلى المتغير status. وإلا، فإنها تُنقل إلى status القيمة "minor".