جافاسكربتالعوامل التي تستخدم للمقارنة

العامل == (Equal To Operator)

العامل == يستخدم لتنفيذ كود معين إذا كانت قيمة المتغير الأول تساوي قيمة المتغير الثاني.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول تساوي قيمة المتغير الثاني؟

• إذا كانت تساويها سيكون الجواب true و بالتالي سينفذ الكود.
• أما إذا لم تكن تساويها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 10;
let b = 10;
let c = 20;

// سيتم تنفيذ أمر الطباعة b تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a == b)
{
    document.write('a and b are equal');
}

// سيتم تنفيذ أمر الطباعة c تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a == c)
{
    document.write('a and c are equal');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الثاني لأن جواب الشرط فيه كان false.

العامل === (Equal Value and Equal Type To Operator)

العامل === يستخدم لتنفيذ كود معين إذا كان المتغير الأول يساوي المتغير الثاني في القيمة و النوع.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول تساوي قيمة المتغير الثاني و كلاهما من نفس النوع؟

• إذا كانت تساويها سيكون الجواب true و بالتالي سينفذ الكود.
• أما إذا لم تكن تساويها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 10;
let b = '10';

// سيتم تنفيذ أمر الطباعة b تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a == b)
{
    document.write('a and b are have only the same value');
}

// عندهما ذات القيمة و كلاهما من نفس النوع سيتم تنفيذ أمر الطباعة b و a الشرط التالي يعني أنه إذا كان المتغيرين
if (a === b)
{
    document.write('a and b are have the same value and same type');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الثاني لأن جواب الشرط فيه كان false.

العامل != (Not Equal To Operator)

العامل != يستخدم لتنفيذ كود معين إذا كانت قيمة المتغير الأول لا تساوي قيمة المتغير الثاني.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول لا تساوي قيمة المتغير الثاني؟

• إذا كانت لا تساويها سيكون الجواب true و بالتالي سينفذ الكود.
• أما إذا كانت تساويها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 10;
let b = 10;
let c = 20;

// سيتم تنفيذ أمر الطباعة b لا تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a != b)
{
    document.write('a and b are not equal');
}

// سيتم تنفيذ أمر الطباعة c لا تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a != c)
{
    document.write('a and c are not equal');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الثاني لأن جواب الشرط فيه كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان false.

العامل !== (Equal Value and Equal Type To Operator)

العامل !== يستخدم لتنفيذ كود معين إذا كان المتغير الأول لا يساوي المتغير الثاني في القيمة أو النوع.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول لا تساوي قيمة المتغير الثاني أو ليسا من نفس النوع؟

• إذا كانت لا تساويها سيكون الجواب true و بالتالي سينفذ الكود.
• أما إذا تساويها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 10;
let b = '10';

// سيتم تنفيذ أمر الطباعة b لا تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a != b)
{
    document.write('a and b are have different values');
}

// ليس عندهما ذات القيمة أو ليسا من نفس النوع سيتم تنفيذ أمر الطباعة b و a الشرط التالي يعني أنه إذا كان المتغيرين
if (a !== b)
{
    document.write('a and b are have different values or different types');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الثاني لأن جواب الشرط فيه كان false.

العامل > (Greater Than Operator)

العامل > يستخدم لتنفيذ كود معين إذا كانت قيمة المتغير الأول أكبر من قيمة المتغير الثاني.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول أكبر من قيمة المتغير الثاني؟

• إذا كانت أكبر منها سيكون الجواب true و بالتالي سينفذ الكود.
• إذا لم تكن أكبر منها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 10;
let b = 5;

// سيتم تنفيذ أمر الطباعة b أكبر من قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a > b)
{
    document.write('a is greater than b');
}

// سيتم تنفيذ أمر الطباعة a أكبر من قيمة المتغير b الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (b > a)
{
    document.write('b is greater than a');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الثاني لأن جواب الشرط فيه كان false.

العامل < (Less Than Operator)

العامل < يستخدم لتنفيذ كود معين إذا كانت قيمة المتغير الأول أصغر من قيمة المتغير الثاني.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول أصغر من قيمة المتغير الثاني؟

• إذا كانت أصغر منها سيكون الجواب true و بالتالي سينفذ الكود.
• إذا لم تكن أصغر منها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 10;
let b = 5;

// سيتم تنفيذ أمر الطباعة b أصغر من قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a < b)
{
    document.write('a is less than b');
}

// سيتم تنفيذ أمر الطباعة a أصغر من قيمة المتغير b الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (b < a)
{
    document.write('b is less than a');
}

العامل >= (Greater Than or Equal To Operator)

العامل >= يستخدم لتنفيذ كود معين إذا كانت قيمة المتغير الأول أكبر أو تساوي قيمة المتغير الثاني.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول أكبر أو تساوي قيمة المتغير الثاني؟

• إذا كانت أكبر منها أو تساويها سيكون الجواب true و بالتالي سينفذ الكود.
• إذا لم تكن أكبر منها أو تساويها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 5;
let b = 5;
let c = 10;

// سيتم تنفيذ أمر الطباعة b أكبر أو تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a >= b)
{
    document.write('a is greater than or equal b <br>');
}

// سيتم تنفيذ أمر الطباعة c أكبر أو تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a >= c)
{
    document.write('a is greater than or equal c <br>');
}

// سيتم تنفيذ أمر الطباعة a أكبر أو تساوي قيمة المتغير c الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (c >= a)
{
    document.write('c is greater than or equal a <br>');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول و الثالث لأن جواب الشرط فيهما كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الثاني لأن جواب فيه الشرط كان false.

العامل <= (Less Than or Equal To Operator)

العامل <= يستخدم لتنفيذ كود معين إذا كانت قيمة المتغير الأول أصغر أو تساوي قيمة المتغير الثاني.

عندما نضعه في الشرط فإنه يعني هل قيمة المتغير الأول أصغر أو تساوي قيمة المتغير الثاني؟

• إذا كانت أصغر منها أو تساويها سيكون الجواب true و بالتالي سينفذ الكود.
• إذا لم تكن أصغر منها أو تساويها سيكون الجواب false و بالتالي لن ينفذ الكود.

let a = 5;
let b = 5;
let c = 10;

// سيتم تنفيذ أمر الطباعة b أصغر أو تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a <= b)
{
    document.write('a is less than or equal b <br>');
}

// سيتم تنفيذ أمر الطباعة c أصغر أو تساوي قيمة المتغير a الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (a <= c)
{
    document.write('a is less than or equal c <br>');
}

// سيتم تنفيذ أمر الطباعة a أصغر أو تساوي قيمة المتغير c الشرط التالي يعني أنه إذا كانت قيمة المتغير
if (c <= a)
{
    document.write('c is less than or equal a <br>');
}

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول و الثاني لأن جواب الشرط كان true. و لم ينفذ أمر الطباعة الموضوع في الشرط الثالث لأن جواب الشرط كان false.

العامل ?: (Ternary Operator)

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

• expression: يمثل الشرط الذي نضعه.
• value if true: تمثل القيمة التي ستعطى للمتغير x إذا تحقق الشرط نضعها بعد الرمز ?.
• value if false: تمثل القيمة التي ستعطى للمتغير x إذا لم يتحقق الشرط نضعها بعد الرمز :.

let a = 10;

// b تساوي 1 سيتم وضع القيمة 20 في المتغير a إذا كانت قيمة المتغير
// b إن لم تكن كذالك سيتم وضع القيمة 30 في المتغير
let b = (a == 1) ?20 :30;

document.write('b = ' + b);

نلاحظ أنه تم وضع القيمة 30 في المتغير b لأن نتيجة الشرط كانت false.