عرض مصدر JavaScript/Conditional Operator

<noinclude>{{DISPLAYTITLE:المعامل الشرطي في JavaScript}}</noinclude>
المعامل الشرطي ('''conditional operator''') هو المعامل الوحيد في JavaScript الذي يأخذ ثلاثة قيمة ليجري عليها عمليته، ومن الشائع استخدام هذا المعامل كاختصارٍ للتعبير البرمجي <code>[[JavaScript/if...else|if]]</code>.

== البنية العامة ==
<syntaxhighlight lang="javascript">
condition ? expr1 : expr2 

</syntaxhighlight>

=== <code>condition</code> ===
تعبير برمجي نتيجته هي <code>true</code> أو <code>false</code>.

=== <code>expr1</code> و <code>expr2</code> ===
تعبيرين برمجيين من أيّ نوع.

== الوصف ==
إذا كان الشرط <code>condition</code> محققًا <code>true</code> فسيُعيد المعامل قيمة التعبير <code>expr1</code>، وفيما عدا ذلك سيُعيد قيمة التعبير <code>expr2</code>؛ فمثلًا لو أردنَا عرض رسالة مختلفة اعتمادًا على قيمة المتغير <code>isMember</code> فسنستخدم التعبير البرمجي الآتي:<syntaxhighlight lang="javascript">
'The fee is ' + (isMember ? '$2.00' : '$10.00');

</syntaxhighlight>يمكنك أيضًا إسناد قيمة إلى المتغيرات اعتمادًا على نتيجة المعامل الثلاثي الشرطي:<syntaxhighlight lang="javascript">
var elvisLives = Math.PI > 4 ? 'Yep' : 'Nope';

</syntaxhighlight>لاحظ أنَّ بالإمكان استخدام أكثر من معامل شرطي معًا:<syntaxhighlight lang="javascript">
var firstCheck = false,
    secondCheck = false,
    access = firstCheck ? 'Access denied' : secondCheck ? 'Access denied' : 'Access granted';
  
console.log(access); // "Access granted"

</syntaxhighlight>يمكن أيضًا استخدام أكثر من معامل شرطي كما نستخدم أكثر من تعبير <code>[[JavaScript/if...else|if]]</code> متشعب:<syntaxhighlight lang="javascript">
var condition1 = true,
    condition2 = false,
    access = condition1 ? (condition2 ? "true true": "true false") : (condition2 ? "false true" : "false false");

console.log(access); // "true false"

</syntaxhighlight>لاحظ أنَّ الأقواس غير ضرورية، ولن تؤثر على وظيفة المعامل، لكنها تساعدنا في تسهيل فهم المعامل.

يمكنك أيضًا استخدام المعامل الثلاثي دون إسناد قيمته إلى متغير لإجراء عمليات اعتمادًا على قيمة أحد التعابير:<syntaxhighlight lang="javascript">
var stop = false, age = 16;

age > 18 ? location.assign('continue.html') : stop = true;

</syntaxhighlight>يمكنك أيضًا إجراء أكثر من عملية واحدة في كل حالة، بفصلها بفاصلة <code>[[JavaScript/Comma Operator|,]]</code> وبوضعها ضمن قوسين:<syntaxhighlight lang="javascript">
var stop = false, age = 23;

age > 18 ? (
    alert('OK, you can go.'),
    location.assign('continue.html')
) : (
    stop = true,
    alert('Sorry, you are much too young!')
);
</syntaxhighlight>يمكنك أيضًا إجراء أكثر من عملية عند إسناد ناتج هذا المعامل إلى متغير، وستُستخدَم آخر قيمة يسبقها [[JavaScript/Comma Operator|معامل الفاصلة]] ضمن القوسين:<syntaxhighlight lang="javascript">
var age = 16;

var url = age > 18 ? (
    alert('OK, you can go.'), 
    'continue.html' // القيمة التي ستُسنَد إذا كان العمر أكبر من 18
) : (
    alert('You are much too young!'),
    alert('Sorry :-('),
    'stop.html' // القيمة التي ستُسنَد إذا كان العمر ليس أكبر من 18
);

location.assign(url); // "stop.html"

</syntaxhighlight>

=== إعادة قيمة المعامل الشرطي ===
من المناسب استخدام المعامل الشرطي الثلاثي عند إعادة قيمة من دالةٍ ما التي كانت ستتطلب استخدام التعبير البرمجي <code>[[JavaScript/if...else|if...else]]</code>:<syntaxhighlight lang="javascript">
var func1 = function( .. ) {
  if (condition1) { return value1 }
  else { return value2 }
}

var func2 = function( .. ) {
  return condition1 ? value1 : value2
}
</syntaxhighlight>

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

== مصادر ومواصفات ==
* مسودة المعيار [https://tc39.github.io/ecma262/#sec-conditional-operator ECMAScript Latest Draft].
* معيار [http://www.ecma-international.org/ecma-262/6.0/#sec-conditional-operator ECMAScript 2015 (6th Edition)]‎.
* معيار [http://www.ecma-international.org/ecma-262/5.1/#sec-11.12 ECMAScript 5.1].
* معيار [http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf#sec-11.12 ECMAScript 1st Edition]. 
[[تصنيف:JavaScript|{{SUBPAGENAME}}]]
[[تصنيف:JavaScript Operator|{{SUBPAGENAME}}]]