العمليات الحسابية JavaScript Arithmetic Operators

-

بنحكي في هذا الدرس عن العمليات الحسابية Arithmetic Operators وكيف تستخدم، مع تطبيق امثله عملية على ذلك. العمليات الحسابية تطبق على الأرقام (literals or variables). يمكن تطبيق العمليات الحسابية على رقمين او اكثر (تمام مثل الحساب العادي الرياضيات)

الجدول التالي يوضح هذه Operators


Operators
الوصف
+
يستخدم للجمع
-
يستخدم للطرح
*
يستخدم للضرب
**
يستخدم مع الاس
/
يستخدم مع القسمة
%
يستخدم مع باقي القسمة
++
يستخدم لتطبيق زياده بمقدار محدد
--
يستخدم لتطبيق نقص بمقدار محدد
تمام نطبق امثله حتى نفهم هذا الحكي. 

مثال 

<!DOCTYPE html>
<html>
<body>
<h3>JavaScript Arithmetic Operators</h3>
<p id="Result"></p>
<script>
var   x,y,z;
x=10;
y=15;
z =x + y;
document.write(z);
document.write("<br>");
document.write(x*y);
document.write("<br>");
document.write(y/x);
document.write("<br>");
document.write(y-x);
</script>
</body>
</html> 
 النتيجة: 
في المثال طبقنا عمليات الجمع والطرح والقسمة والباقي والضرب وطبعناها على الشاشة. 
ملاحظة: اذا تم وضع الأرقام بين علامات الاقتباس اكيد بتم التعامل معاهم على أساس انهم string

مثال : 
ملف JS

let x = 5 + 5 + "5";
document.getElementById("Total").innerHTML = x;

ملف HTML 

<!DOCTYPE html>
<html>
   
<body>
<h3>JavaScript Variables</h3>
<p id="Total"></p>
<script src="JS.js"></script>
</body>
</html> 

النتيجة
المثال السابق بتم عملية الجمع لأول رقمين لأنهم ارقام والرقم الأخير لان داخل علامات الاقتباس بتم التعامل معو على أساس ان string وبتم دمجو مع النتيجة من الرقمين الأول والثاني. وبتكون النتيجة مثل الصورة تساوي 105

الفرق بين Operators and Operands 
Operands: هي الأرقام في العملية حسابية.
Operators: هي العملية التي سيتم إجراؤها بين operands مثل (جمع، طرح، قسمه ... الخ)

Incrementing Operators (++)
حكينا ان في هذه لعمليه بتم الزيادة بمقدار محدد 
المثال التالي يوضح ذلك: 

<!DOCTYPE html>
<html>
<body>
<h3>JavaScript Arithmetic Operators</h3>
<p id="Total"></p>
<script>
var   x,y,z;
x=10;
y=15;
document.write(x);
document.write("<br>");
document.write(y);
document.write("<br>");
x++;
y++;
z =x + y;
document.write(x);
document.write("<br>");
document.write(y);
document.write("<br>");
document.write(z);
</script>
</body>
</html>
النتيجة:
تم زيادة 1 الى كل من x و y وطبعنا النتائج قبل وبعد الزيادة. 

Decrementing Operators(--)
حكينا ان في هذه لعمليه بتم النقص بمقدار محدد 
المثال التالي يوضح ذلك:
 
<!DOCTYPE html>
<html>
<body>
<h3>JavaScript Arithmetic Operators</h3>
<p id="Total"></p>
<script>
var   x,y,z;
x=10;
y=15;
document.write(x);
document.write("<br>");
document.write(y);
document.write("<br>");
x--;
y--;
z =x + y;
document.write(x);
document.write("<br>");
document.write(y);
document.write("<br>");
document.write(z);
</script>
</body>
</html> 
النتيجة: 
Exponentiation Operators (**)

يتم في هذه العملية تطبيق الاس 
مثال :

<!DOCTYPE html>
<html>
<body>
<h3>JavaScript Arithmetic Operators</h3>
<p id="Total"></p>
<script>
var   x,y,z;
x=5;
y=2;
document.write(x**y);
</script>
</body>
</html> 
النتيجة:
يمكن تطبيق الاس في JavaScript باستخدام الكود
Math.pow(x,y)
مثال
 
<!DOCTYPE html>
<html>
<body>
<h3>JavaScript Arithmetic Operators</h3>
<p id="Total"></p>
<script>
var   x,y,z;
x=5;
y=2;
document.write(Math.pow(x,y));
</script>
</body>
</html> 
النتيجة: 

الاسبقية او الأولية في العمليات Operator Precedence 
ترتيب العمليات في JavaScript بكون حسب طريقة الكتابة( تماما مثل الأولية في الحساب في الرياضيات)
الأسبقية تكون أولا للعمليات داخل الأقواس
الضرب (*) والقسمة (/) لهما أسبقية أعلى من الجمع (+) والطرح (-).
مثال:

<!DOCTYPE html>
<html>
<body>
<h3>JavaScript Arithmetic Operators</h3>
<p id="Total"></p>
<script>
var   x,y,z;
x=5;
y=2;
z=2
document.write(x+y*z);
document.write("<br>");
document.write((x+y)*z);
</script>
</body>
</html> 
النتيجة:

حسب الكود السابق 
في اول جمله تم ضرب Y وZ أولا وبعدها تم الجميع (الأولوية للضرب).
الجملة الثانية تم جمع X وY أولا (بسبب وجود اقواس) وبعدها تم الضرب.