أساسيات جافا سكريبت: الجملة الشرطية
Ahmed AbuelfatehAhmed Abuelfateh

أساسيات جافا سكريبت: الجملة الشرطية

تعلم أساسيات لغة البرمجة جافا سكريبت - JavaScript - باللغة العربية، كيفية إنشاء الجملة الشرطية if else، وكيف يتم إستخدام الجمل الشرطية في لغة البرمجة جافا سكريبت؟ وكيفية عمل مقارنات لتقييم الجملة الشرطية if else؟

محتويات سلسلة المقالات

الجمل الشرطية في لغة البرمجة جافا سكريبت - Conditional Statement

تعتبر الجمل الشرطية هي الطريقة الأساسية لإتخاذ القرارات في أي لغة برمجة، ويتم كتابتها عن طريق إستخدام الأمر if، وتكتب كالتالي

if ( الشرط ) {
// الأمر الذي يتم تنفيذه في حالة تحقق الشرط
}

حيث يتم كتابة الأمر if متبوعا بقوسين يكتب بداخلهم الشرط المراد التحقق منه ويلي ذلك الأقواس المعقوفة ويكتب بينهم الأوامر المراد تنفيذها في حالة تحقق الشرط، ودائما ما يتم تقييم الشرط الموجود بداخل الأقواس لنحصل منه على نتيجة من نوع البيانات المنطقية، حيث يتم تقييم الشرط بـ true أو false فإذا تم تقييم الشرط بـ true سوف يتم تنفيذ الأمر الموجود بداخل الأقواس المعقوفة وإذا تم تقييم الشرط بـ false فلن يتم تنفيذ الأمر الموجود بداخل الأقواس المعقوفة، والمثال التالي يوضح ذلك

JavaScript

if ( true ) {
alert("الشرط صحيح");
}
if ( false ) {
alert("الشرط غير صحيح");
}

في الجملة الأولى سوف تلاحظ ظهور نافذة تحمل الرسالة "الشرط صحيح" أما بكتابة الجملة الثانية فلن تظهر الرسالة وذلك لأن تقييم الشرط هو القيمة false ويمكنك إستبدال الشرطين لتتعرف على طريقة تنفيذ الجمل الشرطية وكيف يتم تقييمها، سوف تجد بعض المبرمجين يستخدمون الجمل الشرطية بدون إستخدام الأقواس المعقوفة، حيث يتم كتابة الأمر كالتالي if (true) alert("message"); وهذه الطريقة صحيحة ولكن بشرط أن يكون الأمر المراد تنفيذة هو أمر واحد فقط، أما إذا كان هناك أكثر من أمر فيجب إستخدام الأقواس المعقوفة لتحديد مجموعة الأوامر المراد تنفيذها، ونصيحتي لك في بداية تعلم لغة البرمجة جافا سكريبت دائما إكتب الأمر بداخل الأقواس المعقوفة حتى وإن كان أمر واحد فقط.

عند إستخدام الجمل الشرطية لا يتم كتابة الشرط كـ true أو false ولاكن يتم تقييم الشرط بإحدى القيمتين، فعلى سبيل المثال يتم كتابة الشرط if (variable > 30) وبالتالي يتم تقييم نتيجة الجملة الشرطية بإحدى القيمتين من النوع Boolean ويمكن إستخدام أي من رموز المقارنة التالية

الرمزإستخدامه
>علامة أكبر من
<علامة أصغر من
>=علامة أكبر من أو يساوي
<=علامة أصغر من أو يساوي
==القيمتين متساويتين بغض النظر عن نوع البيانات أي أن القيمة 1 تساوي القيمة '1'
!=القيمتين غير متساويتين
===القيمتين متساويتين ومن نفس نوع البيانات أي أن القيمة 1 لا تساوي القيمة '1'
!==القيمتين غير متساويتين مع الأخذ في الإعتبار نوع البيانات

بإستخدام الجدول السابق يمكنك عمل المقارنات في الجمل الشرطية، وكما تعرفنا أن الجمل الشرطية تستخدم لتنفيذ أمر أو أكثر في حالة تحقق الشرط، ولتنفيذ أمر في حالة تحقق الشرط وأمر آخر في حالة عدم تحقق الشرط نستخدم الامر if () {} else {} ويتم تطبيقه كالتالي

if ( الشرط ) {
// الأمر الذي يتم تنفيذه في حالة تحقق الشرط
} else {
// الأمر الذي يتم تنفيذه في حالة عدم تحقق الشرط
}

ولفهم الجمل الشرطية بشكل أفضل يمكنك تجربة المثال التالي

JavaScript

var points = 70;
if (points >= 50) {
alert("ناجح");
} else {
alert("راسب");
}

في المثال السابق يمكنك تغيير قيمة المتغير points لتجعلها مرة 50 ومرة أخرى بأي رقم أقل من 50 لتشاهد النتيجة في كل مرة حيث يتم تقييم الشرط إذا كانت قيمة المتغير points أكبر من أو تساوي 50 فسوف تظهر كلمة ناجح أما إذا كانت قيمة المتغير أقل من 50 فسوف تظهر كلمة راسب. وبإستخدام نفس القاعدة يمكنك إستخدام الجمل الشرطية لتطبيق العديد من الأوامر، بإستخدام أكثر من شرط، كما في المثال التالي

JavaScript

var points = 70;
if (points >= 90) {
alert("ممتاز");
} else if (points >= 80) {
alert("جيد جدا");
} else if (points >= 70) {
alert("جيد");
} else if (points >= 60) {
alert("مقبول");
} else {
alert("ضعيف");
}

وبتطبيق الأكواد من المثال السابق سوف يقوم الكمبيوتر (مترجم لغة الجافا سكريبت) بتحليل الكود سطر بسطر من اليسار إلى اليمين ليبدأ بـ هل قيمة المتغير points أكبر من أو تساوي 90 وسوف تكون الإجابة false وبالتالي سوف ينتقل للشرط التالي ويسأل هل قيمة المتغير points أكبر من أو تساوي 80 وسوف تكون الإجابة false وبالتالي سوف ينتقل للشرط التالي ويسأل هل قيمة المتغير points أكبر من أو تساوي 70 وهنا سوف تكون الإجابة true وبالتالي سوف يتم تطبيق الأمر الخاص بالشرط وهو طباعة الكلمة "جيد" ثم يتم الخروج من الجملة الشرطية.


8600

Discussion

  • Mohammad
    Mohammad
    شكر الك ع الشرح الرائعه...
    هل يوجد تكما للشرح
    او يوجد كتاب مثل طريقتك الرائعه
    • Reply to Mohammad
    • Captcha
      Captcha
    • Notify me of follow up comments via email.

  • Youness
    Youness
    hi everyone hware you
    • Reply to Youness
    • Captcha
      Captcha
    • Notify me of follow up comments via email.

  • Add new Comment
  • Captcha
    Captcha
  • Notify me of follow up comments via email.