عملگرهای محاسباتی (Arithmetic Operators) در JS

در این آموزش به بررسی دقیق تر و کامل تر عملگرهای محاسباتی می پردازیم.

عملگرهای حسابی بر روی اعداد، محاسبات انجام می دهند.

عملگر

کاربرد

+ جمع 
- تفریق 
* ضرب
/ تقسیم 
% باقیمانده تقسیم
**  توان 
++ افزایشی (increment)
-- کاهشی (decrement)

let z = 30 + 50;
document.getElementById("demo").innerHTML = z;

عملوند و عملگر در JS

عملوند در یک عملیات ریاضی به معنی عدد است. و به علامت عملیاتی که بین دو عدد قرار می گیرد، عملگر گفته می شود.

جمع کردن در JS

با استفاده از عملگر + می توانیم اعداد را جمع کنیم.

let x = 1;
let y = 1;
let z = x + y;
document.getElementById("demo").innerHTML = z;

تفریق در JS

با استفاده از عملگر - می توانیم اعداد را تفریق کنیم.

let x = 2;
let y = 1;
let z = x - y;
document.getElementById("demo").innerHTML = z;

ضرب کردن در JS

با استفاده از عملگر * می توانیم اعداد را ضرب کنیم.

let x = 2;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;

تقسیم کردن در JS

با استفاده از عملگر / می توانیم اعداد را تقسیم کنیم.

let x = 4;
let y = 2;
let z = x / y;
document.getElementById("demo").innerHTML = z;

باقی مانده در JS

با استفاده از عملگر % می توانیم باقیمانده تقسیم را به دست بیاوریم.

let x = 10;
let y = 3;
let z = x % y;
document.getElementById("demo").innerHTML = z;

توان در JS

عملگر توان ** عملوند اول را به توان عملوند دوم می رساند.

let x = 2;
document.getElementById("demo").innerHTML = x ** 2;
let x = 5;
let z = Math.pow(x, 2);

نکته: شی Math در js به ما این امکان را می دهد عملیات ریاضی انجام دهیم. برای اطلاعات بیشتر به ریاضی در js مراجعه کنید. 

افزایشی (++) در JS

عملگر ++ (increment - افزایشی) باعث می شود عدد ما بعلاوه 1 شود.

عملگر ++ (increment) دو روش دارد:

  • x++ پیش افزایشی (pre-increment): ابتدا مقدار متغیر، 1 واحد افزایش می یابد و سپس نتیجه اعمال می شود.
  • ++x پس افزایشی (post-increment): ابتدا مقدار متغیر اعمال می شود و سپس 1 واحد افزایش می یابد.
document.getElementById("demo1").innerHTML = x;
document.getElementById("demo2").innerHTML = ++x;
document.getElementById("demo3").innerHTML = x;

document.getElementById("demo4").innerHTML = y;
document.getElementById("demo5").innerHTML = y++;
document.getElementById("demo6").innerHTML = y;

    کاهشی (--) در JS

    عملگر -- (decrement - کاهشی) باعث می شود عدد ما منهای 1 شود.

    عملگر -- (decrement) دو روش دارد:

    • x-- پیش کاهشی (pre-decrement): ابتدا مقدار متغیر، 1 واحد کاهش می یابد و سپس نتیجه اعمال می شود.
    • --x پس کاهشی  (post-decrement): ابتدا مقدار متغیر اعمال می شود و سپس 1 واحد کاهش می یابد.
    document.getElementById("demo1").innerHTML = x;
    document.getElementById("demo2").innerHTML = --x;
    document.getElementById("demo3").innerHTML = x;
    
    document.getElementById("demo4").innerHTML = y;
    document.getElementById("demo5").innerHTML = y--;
    document.getElementById("demo6").innerHTML = y;

    اولویت با کدام عملگر است؟

    مانند ریاضی حق تقدم به ترتیب با:

    1. پرانتز
    2. توان
    3. ضرب و تقسیم
    4. جمع و تفریق

    است.

    let x = (10 + 20) * 3;

    خلاصه درس

    • در این فصل با عملگرهای محاسباتی آشنا شدیم.
    • جمع
    • تفریق 
    • ضرب
    • توان 
    • تقسیم 
    • باقیمانده تقسیم.
    • افزایش.
    • کاهش.

    توسعه دهندگان
    احسان اسلامی