الدرس الثالث: العمليات الحسابية والمنطقية (Operators) والتفاعل الرقمي في JavaScript 2026

الدرس الثالث: العمليات (Operators) ومعالجة البيانات - دليلك لاحتراف المنطق في JavaScript 2026

أهلاً بكم مجدداً في أكاديمية Spider Team. بعد أن تعلمنا كيف نخزن البيانات في المتغيرات، نصل اليوم إلى "محرك الذكاء" في لغة JavaScript. البرمجيات ليست مجرد نصوص مخزنة، بل هي عمليات معالجة مستمرة؛ فالمتجر الإلكتروني يحسب إجمالي الفاتورة، وألعاب المتصفح تحسب نقاط الفوز، ونظم الأمان تقارن بين كلمات المرور. كل هذه المهام تتم عبر العمليات (Operators). في هذا الدرس الموسوعي لعام 2026، سنشرح لك كيف تجري العمليات الحسابية، وكيف تستخدم المنطق لاتخاذ القرارات البرمجية، وكيف تتعامل مع البيانات بذكاء لتحول موقعك من صفحة جامدة إلى تطبيق تفاعلي مذهل.

أولاً: العمليات الحسابية (Arithmetic Operators)

جاوا سكريبت توفر لك كافة الأدوات الرياضية التي قد تحتاجها. الميزة الرائعة هنا هي أنك تستطيع رؤية نتائج هذه العمليات فوراً في "Console" المتصفح. إليك الرموز الأساسية:

• الجمع (+) والطرح (-): الجمع يستخدم أيضاً لدمج النصوص (Concatenation).
• الضرب (*) والقسمة (/): عمليات رياضية قياسية.
• باقي القسمة (%): يعطي الباقي فقط، وهو مهم جداً في الخوارزميات لمعرفة الأرقام الزوجية أو توزيع العناصر في صفوف.
• الأس (**): لرفع الأرقام لقوى معينة (مثلاً: 2 ** 3 تعطي 8).
• الزيادة والنقصان (++ / --): تستخدم لزيادة أو إنقاص القيمة بمقدار 1 بشكل سريع.

let x = 10; let y = 3; console.log(x + y); // 13 console.log(x % y); // 1 (باقي القسمة) x++; // تصبح القيمة 11 console.log(x ** 2); // 121 (11 أس 2)

ثانياً: عمليات المقارنة (Comparison Operators)

في Spider Team، نعتبر المقارنة هي بوابة الذكاء. هذه العمليات تقارن بين قيمتين وتخرج بنتيجة منطقية: true (صح) أو false (خطأ). ولكن، انتبه جيداً في JavaScript، فهناك فرق دقيق بين التساوي "الضعيف" والتساوي "الصارم":

• == : يساوي (يقارن القيمة فقط، فمثلاً "5" تساوي 5).
• === : مطابق (يقارن القيمة ونوع البيانات، فمثلاً "5" لا تطابق 5). (هذا هو الخيار الأفضل دائماً للأمان).
• != و !== : لا يساوي / لا يطابق.
• > و < : أكبر من وأصغر من.

ثالثاً: العمليات المنطقية (Logical Operators)

العمليات المنطقية هي التي تربط بين المقارنات لتشكيل شروط معقدة:

• && (AND): يجب أن يكون الطرفان صحيحين لتعطي true.
• || (OR): يكفي أن يكون طرف واحد صحيحاً لتعطي true.
• ! (NOT): تعكس الحالة المنطقية (الصح يصبح خطأ والعكس).

let age = 20; let hasTicket = true; // هل العمر مسموح ولديه تذكرة؟ let canEnter = (age > 18) && hasTicket; console.log(canEnter); // true

رابعاً: أولوية العمليات (Precedence)

بايثون وPHP وJavaScript يتفقون جميعاً في "أولوية التنفيذ". الأقواس ( ) دائماً لها السلطة العليا، يليها الأس، ثم الضرب والقسمة، وأخيراً الجمع والطرح. كمبرمج محترف في Spider Team، يفضل دائماً استخدام الأقواس لتوضيح قصدك البرمجي ومنع حدوث أخطاء حسابية غير متوقعة.

خلاصة الدرس الثالث:

لقد أتقنت اليوم كيفية تحويل البيانات إلى معلومات مفيدة عبر العمليات. أنت الآن تملك الأدوات اللازمة لبناء منطق حقيقي. في الدرس الرابع، سنقوم بدمج كل ما تعلمناه لنبني الجمل الشرطية (If Statements)، حيث سنجعل المتصفح "يفكر" ويتفاعل مع قرارات المستخدم بشكل لحظي. استمر في التدريب على العمليات في Console المتصفح، فهذا هو المكان الذي يُصنع فيه كبار المبرمجين مع Spider Team!

إعداد وتدقيق: فريق تطوير Spider Team | مرجعك البرمجي والتقني لعام 2026