عرض مصدر JavaScript/if...else

<noinclude>{{DISPLAYTITLE:<code>if...else</code> في JavaScript}}</noinclude>
التعبير البرمجي الشرطي (if statement) يُستخدَم لتنفيذ تعبير برمجي معيّن عندما يكون الشرط محققًا، وإذا كان الشرط غير محققٍ فسيُنفِّذ تعبيرًا برمجيًا آخر.
==البنية العامة==
<syntaxhighlight lang="javascript">
if (condition)
   statement1
[else
   statement2]
</syntaxhighlight>

=== <code>condition</code> ===
تعبيرٌ يمكن أن يكون محققًا (true) أو غير محقق (false).

=== <code>statement1</code> ===
التعبير البرمجي الذي سيُنفَّذ عندما يكون الشرط <code>condition</code> محققًا، ويمكن أن يكون هذا التعبير أيّ تعبيرٍ صالحٍ بما في ذلك تعابير <code>if</code> المتشعبة، ويمكن إنشاء [[JavaScript/block|قسم كتلي]] <code>{ ... }</code> لتجميع أكثر من تعبير برمجي لتنفيذها جميعها، أو يمكن استخدام [[JavaScript/empty|التعبير البرمجي الفارغ]] <code>;</code> لكيلا يُنفَّذ أيُّ تعبيرٍ.

=== <code>statement2</code> ===
التعبير البرمجي الذي سيُنفَّذ عندما يكون الشرط <code>condition</code> غير محقق وكان هنالك قسم <code>else</code>، ويمكن أن يكون هذا التعبير أيّ تعبيرٍ صالحٍ بما في ذلك تعابير <code>if</code> المتشعبة.

== الوصف ==
يمكن تشعّب أكثر من تعبير <code>if...else</code> داخل بعضها لإنشاء قسم <code>else if</code>؛ لاحظ أنَّه لا توجد كلمة محجوزة في JavaScript باسم <code>elseif</code>:<syntaxhighlight lang="javascript">
if (condition1)
   statement1
else if (condition2)
   statement2
else if (condition3)
   statement3
...
else
   statementN
</syntaxhighlight>إذا أردتَ فهم بنية المثال السابق، فمن الأفضل إضافة مسافات بادئة كما يلي:<syntaxhighlight lang="javascript">
if (condition1)
   statement1
else
   if (condition2)
      statement2
   else
      if (condition3)
...

</syntaxhighlight>لتنفيذ أكثر من تعبير برمجي ضمن أحد الأقسم، فيمكن استخدام [[JavaScript/block|الأقسام الكتلية]] <code>{ ... }</code> لتجميع تلك التعابير مع بعضها بعضًا؛ لاحظ أنَّ من الأفضل استخدام الأقسام الكتلية دومًا، خصوصًا عند تشعّب تعابير <code>if</code>:<syntaxhighlight lang="javascript">
if (condition) {
   statements1
} else {
   statements2
}
</syntaxhighlight>من المهم ألّا تخلط بين القيم المنطقية الأوليّة (primitive Boolean values) وهي <code>true</code> و <code>false</code> مع الكائن <code>[[JavaScript/Boolean|Boolean]]</code>؛ فأيّة قيم لا تساوي <code>undefined</code> أو <code>null</code> أو <code>0</code> أو <code>NaN</code> أو سلسلة نصية فارغة <code>""</code>، وأيّة كائنات -بما في ذلك كائن <code>[[JavaScript/Boolean|Boolean]]</code> الذي قيمته هي <code>false</code>- ستُعدّ على أنها <code>true</code>. مثال:<syntaxhighlight lang="javascript">
var b = new Boolean(false);
if (b) // سيتحقق هذا الشرط

</syntaxhighlight>

== أمثلة ==

=== استخدام <code>if...else</code> ===
<syntaxhighlight lang="javascript">
if (cipher_char === from_char) {
   result = result + to_char;
   x++;
} else {
   result = result + clear_char;
}
</syntaxhighlight>

=== استخدام <code>else if</code> ===
لاحظ أنَّه لا توجد كلمة محجوزة في JavaScript باسم <code>elseif</code>، لكن يمكن كتابتها بوضع فراغ بين <code>else</code> و <code>if</code>:<syntaxhighlight lang="javascript">
if (x > 5) {
 /* تعابير برمجية */
} else if (x > 50) {
 /* تعابير برمجية */
} else {
 /* تعابير برمجية */
}
</syntaxhighlight>

=== عمليات الإسناد ضمن التعابير الشرطية ===
من المستحسن عدم استخدام عمليات الإسناد البسيطة ضمن التعابير الشرطية، لأن عملية الإسناد قد تختلط مع تعابير المساواة عند إلقاء نظرة خاطفة على الشيفرة، فمن الأفضل عدم استخدام شفيرة تشبه ما يلي:<syntaxhighlight lang="javascript">
if (x = y) {
   /* تعابير برمجية */
}

</syntaxhighlight>أما إذا احتجتَ إلى عملية إسناد ضمن التعبير الشرطي، فمن الشائع وضع أقواس إضافية حولها لتبيينها:<syntaxhighlight lang="javascript">
if ((x = y)) {
   /* تعابير برمجية */
}

</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|نعم
|نعم
|نعم
|نعم
|نعم
|}

== مصادر ومواصفات ==
* مسودة المعيار [https://tc39.github.io/ecma262/#sec-if-statement ECMAScript Latest Draft].
* معيار [http://www.ecma-international.org/ecma-262/6.0/#sec-if-statement ECMAScript 2015 (6th Edition)]‎.
* معيار [http://www.ecma-international.org/ecma-262/5.1/#sec-12.5 ECMAScript 5.1].
* معيار [http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%203rd%20edition,%20December%201999.pdf#sec-12.5 ECMAScript 3rd Edition].
* معيار [http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf#sec-12.5 ECMAScript 1st Edition] . 
[[تصنيف:JavaScript]]
[[تصنيف:JavaScript Statement]]