هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: تطبيق الشروط مع أدوات المقارنة if with comparison operators
المدة: 10 دقائق
وصف مختصر:
شرح درس جملة الشرط في JavaScript في هذا الدرس، سنتعلم كيفية استخدام جملة الشرط `if` في JavaScript لاتخاذ القرارات بناءً على قيم...
وصف الدرس
شرح درس جملة الشرط في JavaScript
في هذا الدرس، سنتعلم كيفية استخدام جملة الشرط `if` في JavaScript لاتخاذ القرارات بناءً على قيم مختلفة. سنركز على استخدامات مختلفة لجملة الشرط وكيفية التحقق من القيم والأنواع.
استخدام جملة الشرط `if`
جملة الشرط `if` هي أداة قوية تسمح لنا بتنفيذ قطعة من الشيفرة إذا تم تحقيق شرط معين.
المثال الأول: التحقق من القيمة باستخدام `==`
في هذا المثال، سنقوم بمقارنة متغير `birthDate` مع القيمة `1990` باستخدام عامل المساواة `==`.
```javascript
var birthDate = "1991";
if (birthDate == 1990) {
console.log('old man here, welcome sir!');
}
```
في هذا المثال، لن يتم طباعة أي شيء لأن قيمة `birthDate` هي `"1991"` وليست `1990`.
المثال الثاني: التحقق من القيمة والنوع باستخدام `===`
كما نستخدم `===` للتحقق من القيمة والنوع لمتغير `birthDate`.
```javascript
if (birthDate === "1991") {
console.log('the number is a string!');
}
```
في هذا المثال، سيتم طباعة الرسالة `"the number is a string!"` لأن `birthDate` يحتوي على قيمة `"1991"` وليس رقمًا.
المثال الثالث: التحقق من عدم المساواة في القيمة والنوع باستخدام `!==`
هنا سنستخدم `!==` للتحقق من عدم المساواة في القيمة والنوع لمتغير `birthDate`.
```javascript
if (birthDate !== 1991) {
console.log('the number is not equal in the value and data type!');
}
```
في هذا المثال، لن يتم طباعة أي شيء لأن `birthDate` يحتوي على القيمة `"1991"` وهي مساوية للقيمة وللنوع.
المثال الرابع: التحقق من عدم المساواة في القيمة باستخدام `!=`
كذلك نستخدم `!=` للتحقق من عدم المساواة في القيمة فقط لمتغير `birthDate`.
```javascript
if (birthDate != 1990) {
console.log('the birthdate is not 1990, it is: ' + birthDate);
}
```
في هذا المثال، سيتم طباعة الرسالة `"the birthdate is not 1990, it is: 1991"` لأن `birthDate` ليست مساوية للقيمة `1990`.
المثال الخامس: التحقق من أكبر من باستخدام `>`
لذلك نستخدم `>` للتحقق مما إذا كانت قيمة `birthDate` أكبر من `1990`.
```javascript
if (birthDate > 1990) {
console.log('you still young, don\'t worry');
}
```
في هذا المثال، سيتم طباعة الرسالة `"you still young, don't worry"` لأن `birthDate` هي `"1991"` وهي أكبر من `1990`.
المثال السادس: التحقق من أصغر من أو يساوي باستخدام `<=`
سنستخدم `<=` للتحقق مما إذا كانت قيمة `birthDate` أصغر من أو تساوي `1991`.
```javascript
if (birthDate <= 1991) {
console.log('oh sir you must keep your health good');
}
```
في هذا المثال، سيتم طباعة الرسالة `"oh sir you must keep your health good"` لأن `birthDate` هي `"1991"` وهي تساوي `1991`.
- أولاً نقوم بإنشاء متغير `birthDate` ونعطيه القيمة `"1991"`.
- بعد ذلك نستخدم جملة الشرط `if` للتحقق من متغير `birthDate` بناءً على الشروط المحددة.
-إذا كانت القيمة هي`"1991"`، سيتم طباعة الرسالة المناسبة.
-في حال لم يتم تحقيق الشرط سيتم تخطي الكود داخل جملة الشرط `if`.
- على سبيل المثال إذا كانت قيمة `birthDate` هي `"1991"`، سيتم طباعة الرسالة "the number is a string!" و"oh sir you must keep your health good" في وحدة التحكم.
الخلاصة
باستخدام جملة الشرط `if`، يمكننا بناء منطق برمجي يتفاعل مع البيانات بطريقة مرنة وفعالة. من خلال فهم كيفية استخدام مختلف العوامل والمقارنات، يمكننا تحقيق تطبيقات تتكيف بسهولة مع متغيرات البيانات المختلفة وتحقيق التوقعات المطلوبة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي تطبيق الشروط مع أدوات المقارنة if with comparison operators
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript