انتقل إلى محتوى الدرس
الدرس 13
تاريخ النشر: تاريخ التحديث:
دورة جافا سكريبت

المعاملات الحسابية في JavaScriptJavaScript Arithmetic Operators شرح دور المعاملات الحسابية بالمعادلات، وعمليتا الجمع والطرح الحسابيتان، وعمليتا الضرب والقسمة وحالاتهما

أتقن المعاملات الحسابية في JavaScript: الجمع والطرح والضرب والقسمة العشرية ومعامل باقي القسمة % ومعامل الأسس ** وصياغة المعادلات الرياضية المركبة بدقة.
أقسام الدرس
6
الأمثلة
2
اللغة
العربية
المشاهدات
8,584
محتوى الدرس
في هذا الدرس 6تصفّح المواضيع

تتولى المعاملات الحسابية (Arithmetic Operators) استقبال القيم الرقمية سواء أكانت أرقاماً مباشرة أم متغيرات، وإجراء العمليات الرياضية عليها لإنتاج قيمة رقمية واحدة، بدءاً من حساب الفواتير ونسب الخصم وصولاً إلى أشرطة التقدم والمؤقتات.

في المعادلة price * quantity يُسمى المتغيران بالمعاملات (Operands)، بينما يمثل الرمز * العامل الحسابي الرابط بينهما.

مخطط المعاملات الحسابية الستة في JavaScript: الجمع والطرح والضرب والقسمة وباقي القسمة والأسس

يجمع المعامل + عددين معاً، بينما يحسب المعامل - الفرق بينهما. وتذكر دائماً التأكد من أن طرفي + رقمان فعليان عبر Number(...) عند التعامل مع حقول النماذج حتى ينفذ المحرك جمعاً رياضياً لا دمجاً نصياً.

JavaScript
const courseFee = 280;
const voucherDiscount = 45;
const serviceFee = 15;
const netPayable = courseFee - voucherDiscount + serviceFee;
document.getElementById('add-sub-out').textContent =
  `Net Payable: ${netPayable} SAR`;

تُكتب عملية الضرب في البرمجة برمز النجمة * (وليس الحرف x)، وتُكتب القسمة بالشرطة المائلة الأمامية /. وبخلاف لغات أخرى تقص الكسر عند قسمة عددين صحيحين، تُجري JavaScript قسمة عشرية كاملة فتعطي 7 / 2 الناتج الدقيق 3.5:

العملية الحسابيةالرمزمثال تطبيقيالناتج النهائي
الجمع+140 + 35175
الطرح-140 - 35105
الضرب*25 * 4100
القسمة/7 / 23.5
باقي القسمة%17 % 52
الأسس والرفع لقوة**3 ** 481

انتبه إلى أن الرمز % في البرمجة لا يحسب النسبة المئوية، بل هو معامل باقي القسمة (Remainder Operator)؛ ففي 17 % 5 يقبل العدد 17 القسمة على 5 ثلاث مرات (15) ويتبقى 2.

يُعد هذا المعامل أداة جوهرية لفحص الأعداد الزوجية والفردية (n % 2 يعطي 0 للزوجي و1 للفردي الموجب)، ولحساب الثواني المتبقية بعد الدقائق مثل 135 % 60 التي تعطي 15 ثانية.

يوفر معامل النجمتين المتلاصقتين ** المضاف منذ إصدار ES2016 صياغة رياضية رشيقة لرفع الأساس إلى قوة أسية محددة بديلاً عن Math.pow، كما يتميز بدعمه المباشر للأعداد الضخمة BigInt مثل 2n ** 64n.

تجمع المعادلات التطبيقية الفعلية عدة معاملات حسابية في سطر واحد، مثل حساب المتوسط الحسابي للدرجات (q1 + q2 + q3) / 3 أو النمو المركب؛ ويضمن وضع الأقواس الهلالية (...) حول الأجزاء الفرعية وضوح الترتيب الرياضي المقصود تماماً.

JavaScript
const exam1 = 84, exam2 = 92, exam3 = 94;
const average = (exam1 + exam2 + exam3) / 3;
const storageBytes = 2 ** 10;
document.getElementById('comp-out').textContent =
  `Average: ${average} | 1 KiB = ${storageBytes} B`;
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس المعاملات الحسابية الستة (+ و- و* و/ و% و**)، وتطبيقات باقي القسمة، والرفع لأس مع الحذر من رمز ^، وصياغة المعادلات المركبة. الخطوة التالية: انتقل الآن إلى درس «معاملات الزيادة والنقصان في JavaScript» لإتقان تحريك العدادات الرقمية بمقدار واحد.

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…

ابنِ لغتك البرمجية

المصطلحات4

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 4 مفهومةأول بطاقة، أول خطوة
01 Operand المُعامَل الرياضي Operand
القيمة أو المتغير الذي تدخل عليه العملية الحسابية مثل العددين 12 و5 في التعبير 12 + 5.
للمراجعة
02 Remainder Operator (%) معامل باقي القسمة (%)
معامل حسابي يقسم العدد الأيسر على الأيمن ويعيد الجزء الصحيح المتبقي من القسمة.
للمراجعة
03 Exponentiation (**) معامل الأسس (**)
معامل حسابي يرفع العدد الأساس على اليسار إلى القوة الأسية المحددة على اليمين.
للمراجعة
04 Floating-Point Division القسمة العشرية الكاملة
سلوك القسمة القياسي في JavaScript حيث يحتفظ المعامل / بالجزء العشري الكامل دون بتر تلقائي.
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

حروف قليلة. معنى كامل.

الاختصارات2

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 2 مفهومةأول بطاقة، أول خطوة
01 ES7 ES7
ECMAScript 2016 (7th Edition)
الإصدار السابع لمعيار اللغة عام 2016 الذي اعتمد معامل الأسس ** رسمياً.
للمراجعة
02 KiB KiB
Kibibyte (1024 Bytes)
وحدة قياس الذاكرة الثنائية وتساوي 2 مرفوعة للأس 10 أي 1024 بايت.
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

من الفهم للتطبيق

مهامك قبل الاختبار

خطوة صغيرة كل مرة. وإنجاز تقدر ترجع له.

0/2مهام منجزة
  1. افحص التبويب الأول في المحاكي لترى تكامل القسمة مع باقي القسمة % لتحويل 135 ثانية إلى دقيقتين و15 ثانية.

  2. افتح مثال المعادلات المركبة في محرر التجربة وعدّل درجة exam3 إلى 100 للتحقق من تحديث المتوسط.

تأشير المهمة إقرار منك بإتمامها، وليس تصحيحًا آليًا للكود. يُحفظ تقدمك في حسابك.

مساحة التحدي

اختبر فهمك.
ووصلها للإتقان.

كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.

10أسئلة 2أنواع تحديات 100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.

أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.

الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.

لمحة عن التحدي10 أسئلة تنتظرك
01

ما الناتج الحسابي لتقييم العبارة 19 % 5 في JavaScript؟

02

أي تعبير مما يلي يرفع الأساس 2 إلى الأس 5 لإنتاج القيمة 32 في JavaScript؟

03

في لغة JavaScript ينتج عن قسمة 9 / 2 العدد العشري الكامل 4.5 دون حذف الجزء الكسري.

04

ما النتيجة التي يرجعها التعبير n % 2 مع أي عدد صحيح زوجي موجب مثل 24؟

05

يؤدي الرمز ^ في JavaScript وظيفة الرفع إلى قوة أسية تماماً مثل المعامل **.

06

لماذا يجب وضع الأقواس حول عملية الجمع عند حساب المتوسط (a + b + c) / 3؟

07

ما الرمز المعتمد لتمثيل عملية الضرب الحسابي في معادلات JavaScript؟

08

يتميز معامل الأسس ** بقدرته على العمل مباشرةً مع أعداد BigInt مثل 10n ** 20n بخلاف دالة Math.pow.

09

ما ناتج تقييم العبارة (-4) ** 2؟

10

إذا كان المتغير inputVal يحمل النص "40" من حقل إدخال، فكيف تضيف إليه 10 حسابياً بأمان؟