English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

 تعليمات وبيانات تعريفية لـ JavaScript و متغيرات

if... elseالجملة هي واحدة من جمل الشروط في JavaScript، وتستخدم لتنفيذ عمليات مختلفة بناءً على الشروط المختلفة.

في JavaScript، لدينا الشروط التالية:

  • ifإذا كانت الشروط المحددة صحيحة، يتم استخدامifلتعيين كتلة الأوامر التي يتم تنفيذها

  • إذا كانت الشروط المتشابهة خطأ، يتم استخدامelseلتعيين كتلة الأوامر التي يتم تنفيذها

  • إذا كانت الشروط الأولى خطأ، يتم استخدامجملة: else ifلتعيين الشروط الجديدة التي يتم اختبارها

  • استخدامswitchاختيار أحد كتل الأوامر التي يتم تنفيذها من العديد من الأوامر

النحو:

ifإذا كانت الشروط صحيحة،ifتعين الجملة الشروطية كتلة الأوامر التي يتم تنفيذها:

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

elseتعين الجملة الشروطية كتلة الأوامر التي يتم تنفيذها إذا كانت الشروط خطأ:

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

eelse ifتعين الجملة الشروطية الجديدة، إذا كانت الشروط الأولى خطأ:

if (condition1) {
   // إذا كانت الشروط 1 صحيحة، يتم تنفيذ كتلة الأوامر هذه
} else if (condition2) {
   // إذا كانت الشروط 1 خطأ والشروط 2 صحيحة، يتم تنفيذ كتلة الأوامر هذه
} else {
   // إذا كانت الشروط 1 و2 خطأ، يتم تنفيذ كتلة الأوامر هذه
}
var x = -4;
if (x < 0) {
   document.getElementById("result").innerHTML = "NEGATIVE";
}
اختبار لمعرفة‹/›

توافق المتصفح

يدعم جميع المتصفحات جملة if ... else بشكل كامل:

Statement
if...elseهوهوهوهوهو

قيمة المتغير

المتغيرالوصف
conditionعبارات حسابية تعطي نتيجة صحيحة أو خطأ

تفاصيل تقنية

إصدار JavaScript:ECMAScript 1

مزيد من الأمثلة

إذا كان قيمة المتغير x أقل من 0، فإنه يتم إدخال 'NEGATIVE'، وإلا يتم إدخال 'POSITIVE':

var x = -4;
if (x < 0) {
   msg = "NEGATIVE";
} else {
   msg = "POSITIVE";   
}
اختبار لمعرفة‹/›

إذا كان x يساوي 10، فكتب 'x هو 10'، وإذا لم يكن يساوي، لكن x يساوي 20، فكتب 'x هو 20'، وإلا كتب 'x غير موجود':

var x = 20;
إذا (x === 10) {
   document.write("x هو 10");
}
   document.write("x هو 20");
} else {
   document.write("x غير موجود");
}
اختبار لمعرفة‹/›

يمكنك استخدام عدةجملة: else if//تعيين النتيجة الحالية للطالب

var grade = 88;
//تحقق من ما إذا كانت النتيجة A، B، C، D أو F
إذا (grade >= 90) {
} آخرا إذا (grade >= 80) {
   }
document.write("B");
   } آخرا إذا (grade >= 70) {
}
   document.write("C");
} آخرا إذا (grade >= 60) {
   document.write("D");
} else {
   document.write("F");
}
اختبار لمعرفة‹/›

يمكنك كتابة جملة واحدة بدون أقواس مفتوحة:

var x = -4;
إذا (x < 0)
   msg = "NEGATIVE";
else
   msg = "POSITIVE";
اختبار لمعرفة‹/›

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

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
   var image = document.getElementById("demo");
   إذا (image.src.match("female")) {
   image.src = "avatar-male.jpg";
   } else {
   image.src = "avatar-female.jpg";
   }
}
</script>
اختبار لمعرفة‹/›

استخدام جملة if ... else لتحقق من بيانات الإدخال:

function myFunc(x) {
   var text;
//إذا كان x ليس رقمًا، أو أقل من 10، أو أكبر من 20، يتم إخراج "Input not valid"
//إذا كان x رقم بين 10 و 20، فإنه يتم إخراج "Input OK"
   إذا (isNaN(x) || x < 10 || x > 20) {
  text = ";"
   } else {
  text = ";"
   }
document.getElementById("result").innerHTML = text;
}
اختبار لمعرفة‹/›

تعليمات if ... else منسوخة

var a = 10, b = 20, c = 30;
var answer;
if (a > b) {
   if (a > c) {
  answer = "A هو الأعظم بين الثلاثة";
   } else {
  answer = "C هو الأعظم بين الثلاثة";
   }
} else if (b > c) {
   answer = "B هو الأعظم بين الثلاثة";
} else {
   answer = "C هو الأعظم بين الثلاثة";   
}
اختبار لمعرفة‹/›

يمكنك أيضًا الرجوع إلى

دليل JavaScript:تعليمات If... Else لـ JavaScript

دليل JavaScript:JavaScript switch

 تعليمات وبيانات تعريفية لـ JavaScript و متغيرات