❮
Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

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

  • العامل == (Equal To Operator)
  • العامل === (Equal Value and Equal Type To Operator)
  • العامل != (Not Equal To Operator)
  • العامل !== (Equal Value and Equal Type To Operator)
  • العامل > (Greater Than Operator)
  • العامل < (Less Than Operator)
  • العامل >= (Greater Than or Equal To Operator)
  • العامل <= (Less Than or Equal To Operator)
  • العامل ?: (Ternary Operator)

العامل == (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');
}
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'); }

النتيجة

a and b 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');
}
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'); }

النتيجة

a and b are have only the same value
جرب الكود

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان 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');
}
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'); }

النتيجة

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');
}
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'); }

النتيجة

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');
}
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'); }

النتيجة

a is greater than b
جرب الكود

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول لأن جواب الشرط فيه كان 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');
}
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'); }

النتيجة

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>');
}
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>'); }

النتيجة

a is greater than or equal to b
c is greater than or equal to a
جرب الكود

نلاحظ أنه نفذ أمر الطباعة الموضوع في الشرط الأول و الثالث لأن جواب الشرط فيهما كان 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>');
}
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>'); }

النتيجة

a is less than or equal to b
a is less than or equal to c
جرب الكود

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

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

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

variable x = (expression) ? value if true : value if false
  • 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);
let a = 10; // b تساوي 1 سيتم وضع القيمة 20 في المتغير a إذا كانت قيمة المتغير // b إن لم تكن كذالك سيتم وضع القيمة 30 في المتغير let b = (a == 1) ?20 :30; document.write('b = ' + b);

النتيجة

b = 30
جرب الكود

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

عودة للدرس❯ ❮عودة للدرس