دوره آموزش رایگان جاوا اسکریپت به زبان ساده
سلام خدمت کاربران و دوستان همیشگی سایت میزفا ؛
در این جلسه از دوره آموزش جاوااسکریپت سعی داریم تا شما عزیزان را با عملگرهای موجود در زبان جاوااسکریپت آشنا کنیم .
به دوستان عزیز توصیه میکنم در ابتدا برای درک بهتر مطالب آموزشی این جلسه به مطالب آموزشی جلسات پیش یعنی انواع داده ها در جاوااسکریپت و معرفی متغیرها در جاوااسکریپت مراجعه کنید.
عملگر(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) :
در کار با رشته ها ما می توانیم از عملگر “+” برای پیوند رشته ها با هم استفاده کنیم ؛ مانند مثال زیر:
var str1 = "Hello"; var str2 = " Vivek"; str1 = str1 + str2; // => "Hello Vivek" alert(str1);
هم چنین مثال بالا را می توانیم با استفاده از عملگر “=+” به صورت زیر بازنویسی کنیم (نتیجه کاملا مشابه بالایی هست) :
var str1 = "Hello"; var str2 = " Vivek"; str1 += str2; // => "Hello Vivek" alert(str1);
عملگر “+” فقط برای پیوند (الحاق) دو رشته نیست بلکه برای پیوند بین رشته و اعداد و هم چینین پیوند بین دو عدد نیز مورد استفاده قرار می گیرد مانند مثال زیر:
x = 5 + 5;// 10 y = "5" + 5;// 55 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 |
خوب این جلسه هم به پایان رسید امیدوارم برای دوستان مفید باشه .
دوستان هرگونه سوالی در مورد مباحث و یا نقد و پیشنهادی در مورد آموزش های بنده دارید در قسمت کامنت ها مطرح کنید با کمال میل استقبال می کنیم.
موفق باشد.