شرح العمليات الحسابية في JavaScript للمبتدئين (+ , - , * , / , %)

شرح العمليات الحسابية في JavaScript للمبتدئين (+ , - , * , / , %)
مقدمة :-
تُعد العمليات الحسابية (Arithmetic Operators) من أساسيات لغة JavaScript، حيث نستخدمها لإجراء العمليات الرياضية على الأرقام والمتغيرات.
في JavaScript توجد عدة عمليات حسابية أساسية، أهمها:
+ الجمع
- الطرح
* الضرب
/ القسمة
% باقي القسمة
1. عملية الجمع +
يُستخدم العامل + لجمع رقمين أو أكثر.
let num1 = 2;
let num2 = 3;
console.log(num1 + num2);الناتج:
5في المثال السابق قمنا بتخزين الرقم 2 في المتغير num1 والرقم 3 في المتغير num2، ثم جمعنا المتغيرين باستخدام +.
2. عملية الطرح -
يُستخدم العامل - لطرح رقم من رقم آخر.
let num1 = 10;
let num2 = 4;
console.log(num1 - num2);الناتج:
63. عملية الضرب *
يُستخدم العامل * لإجراء عملية الضرب.
let num1 = 5;
let num2 = 4;
console.log(num1 * num2);الناتج:
204. عملية القسمة /
يُستخدم العامل / لقسمة رقم على رقم آخر.
let num1 = 20;
let num2 = 5;
console.log(num1 / num2);الناتج:
4ومن المهم معرفة أن JavaScript يمكن أن تُرجع نتيجة عشرية عند القسمة:
let num1 = 7;
let num2 = 2;
console.log(num1 / num2);الناتج:
3.55. باقي القسمة %
العامل % يُستخدم للحصول على باقي عملية القسمة، وليس ناتج القسمة نفسه.
مثال:
let num1 = 10;
let num2 = 3;
console.log(num1 % num2);الناتج:
1لأن:
10 ÷ 3 = 3 والباقي 1ومثال آخر:
let num1 = 20;
let num2 = 5;
console.log(num1 % num2);الناتج:
0لأن الرقم 20 يقبل القسمة على 5 بدون باقي.
استخدام أكثر من عملية مع المتغيرات
يمكننا استخدام أكثر من عامل حسابي في نفس العملية.
let num1 = 10;
let num2 = 5;
let num3 = 2;
console.log(num1 + num2 * num3);الناتج:
20وذلك لأن JavaScript تنفذ عملية الضرب قبل الجمع:
5 × 2 = 10
10 + 10 = 20ويمكننا استخدام الأقواس () لتحديد ترتيب العمليات:
let num1 = 10;
let num2 = 5;
let num3 = 2;
console.log((num1 + num2) * num3);الناتج:
30لأن العملية داخل الأقواس يتم تنفيذها أولًا:
10 + 5 = 15
15 × 2 = 30مثال شامل
يمكنك تجربة جميع العمليات الحسابية في مثال واحد:
let num1 = 20;
let num2 = 6;
console.log(num1 + num2); // الجمع
console.log(num1 - num2); // الطرح
console.log(num1 * num2); // الضرب
console.log(num1 / num2); // القسمة
console.log(num1 % num2); // باقي القسمةالناتج:
26
14
120
3.3333333333333335
2جدول العمليات الحسابية
| العامل | العملية | مثال | الناتج |
|---|---|---|---|
+ | الجمع | 5 + 2 | 7 |
- | الطرح | 5 - 2 | 3 |
* | الضرب | 5 * 2 | 10 |
/ | القسمة | 10 / 2 | 5 |
% | باقي القسمة | 5 % 2 | 1 |
الخلاصة
العمليات الحسابية في JavaScript من أهم الأساسيات التي يجب على المبتدئ فهمها جيدًا.
تعرفنا على:
+ الجمع
- الطرح
* الضرب
/ القسمة
% باقي القسمةويمكن استخدام هذه العمليات مباشرة مع الأرقام أو مع المتغيرات، مثل:
let num1 = 2;
let num2 = 3;
console.log(num1 + num2);
ومع التقدم في تعلم JavaScript ستستخدم هذه العمليات في أشياء كثيرة، مثل الحسابات، الشروط، الحلقات، التعامل مع البيانات، وبناء التطبيقات التفاعلية.
🎯 اختبر نفسك الآن !!!!
تهانينا! لقد أنهيت هذا الدرس بنجاح. 🎉
لكن هل فهمت كل ما تعلمته بالفعل؟
لا تكتفِ بالقراءة، بل اختبر معلوماتك من خلال الاختبار التفاعلي الذي صممته خصيصًا لهذا الدرس ضمن سلسلة Hisham Academy.
تعليم
🧠 مميزات الاختبار:
أسئلة متنوعة تقيس مدى فهمك.
نتيجة فورية بعد الانتهاء.
تصميم بسيط وسريع يعمل على الهاتف والكمبيوتر.
أجهزةاتصالات
يساعدك على معرفة نقاط القوة والجوانب التي تحتاج إلى مراجعتها.
🔗 ابدأ الاختبار الآن:
https://hishamabdulrashid999.github.io/test_13/
أضغط هنا للبدء في الأختبار
📚 تابع الدرس التالي في سلسلة Hisham Academy ولا تنسَ حفظ المقال ومشاركته مع من يريد تعلم برمجة الويب من الصفر.
وأخبرني رأيك في التعليقات هل فعلاً أستفدت من هذا المقال
تحذيييييييييييييير !!!!
الفترة القادمة: وقت التطبيق والتحديات!
الفترة القادمة سنقلّل من الدروس، ونركّز أكثر على التطبيق العملي.
دروس أقل
حل وتمارين أكثر
اختبارات ومسائل وتحديات أكثر
فإذا كنت قد شعرت بالملل من كثرة الدروس، فهذه فرصتك!
حان الوقت نترك الشرح قليلًا ونبدأ في مواجهة المسائل والتحديات البرمجية.
استعد… لأن القادم سيكون حلًا أكثر، تفكيرًا أكثر، وتحديات أقوى!
شكراً لك على إهتمامك فهذا ما يجعلنا نُكمل حتى النهاية
وإن كان لديك سؤال إتركه في التعليقات وسوف أجيب عليك
الرجاء تسجيل الدخول لتتمكن من التعليق