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

کار با عملگرهای محاسباتی در جاوااسکریپت

توسط

۱۳۹۹-۰۷-۱۳

این آموزش در تاریخ ۱۴۰۱/۰۳/۲۲ آپدیت شده است.

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با عملگرهای محاسباتی در جاوااسکریپت با من همراه باشید.

کار با عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

آنچه در این جلسه میخوانید :

1 عملگرهای محاسباتی در جاوااسکریپت
2 جدول عملگرهای محاسباتی در جاوااسکریپت
3 مثال از عملگرهای محاسباتی در جاوااسکریپت
4 ترکیب عملگرهای محاسباتی در جاوااسکریپت
5 اولویت اجرای عملگرهای محاسباتی در جاوااسکریپت
6 جدول اولویت بندی عملگرها در جاوااسکریپت

عملگرهای محاسباتی در جاوااسکریپت

کلمه Arithmetic در لغت یعنی ( حساب / حسابی ) ، حال در زبان جاوااسکریپت تعدادی وجود داره که بهشون میگن عملگرهای حسابی یا محاسباتی .

یعنی مثلا ما بخوایم ۲ عدد رو باهم جمع کنیم ، در این مواقع باید از عملگرهای محاسباتی استفاده نماییم ، اگه بخوایم یه شکل کلی این عملگرها داشته باشیم میتونیم بصورت زیر نمایشش بدیم :

اون علامت + ( جمع / به اضافه ) خب میشه عملگر و اون اعداد ۵ هم میشن عملوند ، پس میتونیم اینجوری بگیم که عملگر میتونه عملیاتی رو بروی چندین عملوند اجرا کند.

حالا نه فقط علامت + ، بلکه ما میتونیم از ضرب ( * ) ، تقسیم ( / ) ، باقیمانده ( % ) و… استفاده نماییم، در ادامه باهاشون بطور کامل آشنا میشیم.

Free-Learn

جدول عملگرهای محاسباتی در جاوااسکریپت

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

نام عملگر	به انگلیسی	توضیح
+	Addition	برای جمع ( به اضافه کردن )
–	Subtraction	برای تفریق ( منها کردن )
*	Multiplication	برای ضرب کردن
**	Exponentiation	برای به توان رسوندن
/	Division	برای تقسیم کردن
%	Remainder	برای محاسبه باقیمانده
++ ( دوتا + کنار هم )	Increment	یک واحد اضافه میکند ( هم میتونه قبل و هم بعد از متغیر قرار بگیره )
– – ( دوتا – کنار هم )	Decrement	یک واحد کم میکند ( هم میتونه قبل و هم بعد از متغیر قرار بگیره )

Free-Learn

مثال از عملگرهای محاسباتی در جاوااسکریپت

خب در ادامه میخوایم مثال های مختلفی از عملگرهای محاسباتی در زبان جاوا اسکریپت با همدیگه مشاهده نماییم.

مثال شماره ۱ : استفاده از عملگرهای + و – ( برای جمع و تفریق کردن )

<script>

var a = 4;
var b = 6;

document.write( a + b );
document.write( "<br>" );
document.write( b - a );

</script>

var a = 4;

var b = 6;

document.write( a + b );

document.write( "<br>" );

document.write( b - a );

</script>

امتحان کنید

مثال شماره ۲ : استفاده از عملگر * ( برای ضرب کردن )

<script>

var a = 4;
var b = 6;

document.write( a * b );

</script>

var a = 4;

var b = 6;

document.write( a * b );

</script>

امتحان کنید

مثال شماره ۳ : استفاده از عملگر ** ( برای به توان رساندن )

<script>

// یعنی 5 به توان 2
document.write( 5 ** 2 );

</script>

// یعنی 5 به توان 2

document.write( 5 ** 2 );

</script>

امتحان کنید

مثال شماره ۴ : استفاده از عملگر / ( اسلش یا Slash ) برای تقسیم کردن

<script>

var a = 10;
var b = 5;

document.write( a / b );

</script>

var a = 10;

var b = 5;

document.write( a / b );

</script>

امتحان کنید

مثال شماره ۵ : استفاده از ++ ( یک واحد افزایش ) – استفاده هم در قبل از متغیر هم بعد از متغیر

<script>

var a = 5;
var b = 4;
a++;
++b;

document.write( a );
document.write( "<br>" );
document.write( b );

</script>

var a = 5;

var b = 4;

a++;

++b;

document.write( a );

document.write( "<br>" );

document.write( b );

</script>

امتحان کنید

مثال شماره ۶ : استفاده از – – ( ۲تا – ) ( یک واحد کاهش )

<script>

var a = 5;
var b = 4;
a--;
--b;

document.write( a );
document.write( "<br>" );
document.write( b );

</script>

var a = 5;

var b = 4;

a--;

--b;

document.write( a );

document.write( "<br>" );

document.write( b );

</script>

امتحان کنید

مثال شماره ۷ : استفاده از علامت % ( درصد ) برای محاسبه باقیمانده ( در مثال زیر یک عدد از کاربر دریافت میشود و سپس با کلیک بروی یک دکمه ، مشخص میشود که عدد وارد شده زوج است یا فرد )

<script>

function zooj_ya_fard(){
 var User_Number = document.getElementById("UserNumber").value;
 var Result = document.getElementById("Result");

 if( User_Number == "" ){
   Result.innerHTML = "میشه لطفا یه عدد وارد کنی";
 }else if( User_Number % 2 == 0 ){
   Result.innerHTML="زوج است";
 }else{
   Result.innerHTML="فرد است";
 }

}

</script>

function zooj_ya_fard(){

var User_Number = document.getElementById("UserNumber").value;

var Result = document.getElementById("Result");

if( User_Number == "" ){

Result.innerHTML = "میشه لطفا یه عدد وارد کنی";

}else if( User_Number % 2 == 0 ){

Result.innerHTML="زوج است";

}else{

Result.innerHTML="فرد است";

}

</script>

امتحان کنید

توضیح مثال بالا :

خب اومدیم یه تابع نوشتیم که یک عدد از کاربر بگیره ، بعدش از شرط ( دستور IF ) استفاده کردیم و گفتیم اگه اینپوت خالی بود خب قربون دستت یه پیغام بده بگو یه عدد وارد کن.

بعدش که مطمئن شدیم اینپوت خالی نیست، اومدیم باز شرط گذاشتیم گفتیم ، اگه اون چیزی که کاربر وارد میکنه تقسیم به ۲ بشه و باقیمانده این تقسیم ۰ بشه خب پس یعنی اون عدد زوج هست، پس میاد پیغام میده که زوج است و در نهایت گفتیم در غیراینصورت ( else ) اگه زوج نباشه یعنی فرد دیگه، پس پیغام بده که فرد است.

Free-Learn

ترکیب عملگرهای محاسباتی در جاوااسکریپت

منظور از ترکیب عملگرها ، این یعنی ما میتونیم بصورت همزمان از چندین عملگر استفاده نماییم و هیچ مشکلی از این بابت وجود نداره.

<script>

var a = 5;
var b = 5;
var c = 2;
var d = (a + b) + c - a;
document.write( d ); // خروجی میشه 7

</script>

var a = 5;

var b = 5;

var c = 2;

var d = (a + b) + c - a;

document.write( d ); // خروجی میشه 7

</script>

امتحان کنید

Free-Learn

اولویت اجرای عملگرهای محاسباتی در جاوااسکریپت

فرض میکنیم محاسبه ای همانند دستورات زیر داریم :

var a = 10 + 5 * 2;

1	var a = 10 + 5 * 2;

خب بنظره شما نتیجه ی محاسبه ی بالا چی میشه؟ آیا بنظره شما نتیجه میشه ۳۰ ؟ یا نه میشه ۲۰ ؟!

خب همینجاست که بحث اولویت ها میاد وسط، یعنی بطور کلی داره میگه که کدام عملگر باید اول محاسبه بشه ، خب همینجور عشقی که نمیشه برای خودش حساب کنه بره، پس جاوااسکریپت بر اساس اولویت محاسبه میکنه.

مثلا در دستورات زیر اولویت اول با * هست بعدش با + ( یعنی اول ۵ رو ضرب در ۲ میکنه بعدش نتیجشو با ۱۰ جمع میکنه )

<script>

var a = 10 + 5 * 2;
document.write( a ); // خروجی میشه 20

</script>

var a = 10 + 5 * 2;

document.write( a ); // خروجی میشه 20

</script>

امتحان کنید

یا مثلا در مثال زیر ، اولویت اول با () پرانتز هست بعدش با ضرب و بعدش با +

<script>

var a = (10 + 4) + 3 * 2;
document.write( a ); // خروجی میشه 20

</script>

var a = (10 + 4) + 3 * 2;

document.write( a ); // خروجی میشه 20

</script>

امتحان کنید

Free-Learn

جدول اولویت بندی عملگرها در جاوااسکریپت

در جدول زیر میتوانید ( شماره / درجه ) اولویت عملگرهای محاسباتی رو در زبان جاوااسکریپت مشاهده نمایید.

عملگر » نام عملگر قرار میگیرد
استفاده برای » یعنی اون عملگر بیشتر در چه مواردی مورد استفاده قرار میگیرد
جهت محاسبه » یعنی اگه چندین عملگر با اولویت یکسان وجود داشت از کدوم سمت محاسبه صورت میگیره
شماره اولیت » یعنی میزان اولویت یا تقدم عملگر ( از ۱ به بالا ) ( هرچقدر عدد بیشتر باشه یعنی اولویتش کمتره )

عملگر	استفاده برای	جهت محاسبه	شماره اولویت
( )	پرانتز – گروه بندی کردن عملگرها	چپ به راست	۱
++	افزایش یک واحد ( وقتی بعد از متغیر نوشته شه )	راست به چپ	۲
– –	کاهش یک واحد ( وقتی بعد از متغیر نوشته شه )	راست به چپ	۲
++	افزایش یک واحد ( وقتی قبل از متغیر نوشته شه )	راست به چپ	۳
– –	کاهش یک واحد ( وقتی قبل از متغیر نوشته شه )	راست به چپ	۳
*	ضرب کردن	چپ به راست	۴
/	تقسیم	چپ به راست	۴
%	محاسبه باقیمانده	چپ به راست	۴
+	جمع ( به اضافه کردن )	چپ به راست	۵
–	منها ( تفریق کردن )	چپ به راست	۵

Free-Learn

دریافت PDF یا پرینت این مطلب

کار با عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

جدول عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

مثال از عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

ترکیب عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

اولویت اجرای عملگرهای محاسباتی در جاوااسکریپت

Free-Learn

جدول اولویت بندی عملگرها در جاوااسکریپت

Free-Learn

آموزش مقدماتی جاوااسکریپت

آموزش قدم به قدم زبان جاوا اسکریپت

آشنایی با قوانین جاوااسکریپت

نحوه نوشتن یا سینتکس دستورات جاوااسکریپت

نحوه استفاده از دستورات JS در یک صفحه وب

نحوه نوشتن توضیحات در جاوااسکریپت

آموزش انتخابگرها در جاوااسکریپت

نحوه نمایش خروجی داده ها در جاوااسکریپت

کار با متغیرها یا Variables در جاوااسکریپت

آموزش ویژگی border-left در CSS