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

آموزش javascript
آموزش جاوااسکریپت و طراحی سایت

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

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

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

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

عملگر(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

 

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

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

موفق باشد.

 

فیلم آموزشی asp.net core 2

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

فیلم آموزشی asp.net core 2

بدون نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=