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

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

سلام خدمت کاربران و دوستان همیشگی سایت میزفا ؛

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

به دوستان عزیز توصیه می‌کنم در ابتدا برای درک بهتر مطالب آموزشی این جلسه به مطالب آموزشی جلسات پیش یعنی انواع داده ها در جاوااسکریپت و معرفی متغیرها در جاوااسکریپت مراجعه کنید.

عملگر(operator) چیست

خیلی ساده شروع کنیم در ابتدا شما جمع دو عدد مثل 4+ 5 رو که برابر هست با 9 رو درنظر بگیرید؛ ما در این جمع ساده از این به بعد به اعداد 4 و 5 اصطلاحا (عملوند) operand و به علامت “+” عملگر(operator) میگیم.

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

• عملگرهای ریاضی (Arithmetic Operators)
• عملگرهای رشته ای (String Operators)
• عملگرهای انتسابی (Assignment Operators)
• عملگرهای مقایسه ای(Comparison Operators)
• عملگرهای منطقی(Logical (or Relational) Operators)
• عملگرهای بیتی (Bitwise Operators)

که در ادامه هر کدام را به طور مختصر و البته مفید توضیح میدیم :

1-عملگرهای ریاضی (Arithmetic Operators) :

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

به جدول زیر توجه کنید ؛ در این جدول مقدار پیش فرض a برابر با دو هست (a=2).

عملگر

توضیحات

مثال

نتیجه

+
جمع
2 + a
4

–
تفریق
2 – a
0

*
ضرب
3 * a
6

/
تقسیم(مقدار خارج قسمت)
3 / a
1.5

%
باقیمانده تقسیم
7 % a
1

++
افزایش دهنده (یک واحد)
a++
3

—
کاهش دهنده (یک واحد)
a–
1

2-عملگرهای رشته ای (String Operators) :

در کار با رشته ها ما می توانیم از عملگر “+” برای پیوند رشته ها با هم استفاده کنیم ؛ مانند مثال زیر:

alert(str1);

هم چنین مثال بالا را می توانیم با استفاده از عملگر “=+” به صورت زیر بازنویسی کنیم (نتیجه کاملا مشابه بالایی هست) :

alert(str1);

عملگر “+” فقط برای پیوند (الحاق) دو رشته نیست بلکه برای پیوند بین رشته و اعداد و هم چینین پیوند بین دو عدد نیز مورد استفاده قرار می گیرد مانند مثال زیر:

z = ‘Hello’ + 5; // Hello5

3-عملگرهای انتسابی (Assignment Operators) :

در عملیات انتسابی ، مقدار یک متغیربرابر هست با مقدار سمت راست عملگر (یعنی در واقع مقدار سمت راست عملگر منتسب می شود به متغیر سمت چپ عملگر)؛ به مقادیر جدول زیر توجه کنید :

عملگر

توضیحات

نتیجه

=
a = b + c;
a = 5

+=
a += b معادل با // a = a + b
a = 3

-=
a -= b معادل با // a = a – b
a = -1

/=
a /= b معادل با // a = a / b
a = 0.5

%=
c %= b معادل با // c = c % b
c = 1

*=
a *= b معادل با// a = a * b
a = 2

4-عملگرهای مقایسه ای(Comparison Operators) :

این عملگرهای برای مقایسه بین دو مقدار(عملوند) استفاده می شوند ؛ در جدول زیر اگر مقایسه درست و به جا باشد مقدار ture و اگر اشتباه باشد مقدار false برگردانده می شود ، در این جدول مقدار a=1 و b=2 در نظر گرفته شده است.

عملگر

توضیحات

مثال

نتیجه

==
برابر با
a == b
false

===
برابری از نظر نوع و مقدار دو متغیر
a” === b”
false

!=
برابر نیست با
a != b
true

<=
کوچک تر یا مساوی
a <= b
true

>=
بزرگ تر یا مساوی
a >= b
false

<
کوچک تر از
a < b
true

>
بزرگ تر از
a > b
false

(conditional) : ?
عملگر شرطی
100 : 200 ? (a < b )
200

نکته اول: در مثال دوم جدول نتیجه false شد چون ما متغیر a را از نوع رشته ای تعریف کردیم و متغیر b از نوع عددی هست پس با توجه به تعریف عمگر مربوطه مقدار برگشتی false می باشد.

نکته دوم : در مثال آخر جدول عملگر شرطی به این صورت عمل می کند که اگر شرط ما برقرار بود مقدار 200 و اگر شرط ما برقرار نبود مقدار 100 نمایش داده می شود.

5-عملگرهای منطقی(Logical Operators) :

مقدار a=1 و b=2 فرض شده است.

عملگر

توضیحات

مثال

نتیجه

&&
Logical and
a < 3 && b > 5
returns false as b > 5 is false

||
Logical or
a < 3 || b > 5
returns true as a < 3 is true

!
Logical not
(b>5) !
returns true

عملگر && : اگر همه شرط ها به صورت همزمان برقرار باشند مقدار true و در غیر این صورت مقدار false برگردانده می شود.

عملگر || : اگر یکی از شرط ها برقرار باشد مقدار true و در غیر این صورت مقدار false برگردانده می شود.

عملگر ! : مقدار برگشتی را معکوس می کند ؛ در مثال (b>5) به صورت طبیعی باید مقدار false برگردانده شود ولی چون عملگر not روی این شرط اعمال شده پس معکوس می شود یعنی مقدار true را بر می گرداند.

6-عملگرهای بیتی (Bitwise Operators):

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

عملگر

توضیحات

مثال

به عبارت دیگر

نتیجه

نمایش صحیح عدد

&
AND
5 & 1
0101 & 0001
0001
1

|
OR
5 | 1
0101 | 0001
0101
5

~
NOT
~ 5
~0101
1010
10

^
XOR
5 ^ 1
0101 ^ 0001
0100
4

<<
Zero fill left shift
5 << 1
0101 << 1
1010
10

>>
Signed right shift
5 >> 1
0101 >> 1
0010
2

>>>
Zero fill right shift
5 >>> 1
0101 >>> 1
0010
2

خوب این جلسه هم به پایان رسید امیدوارم برای دوستان مفید باشه .

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

موفق باشد.