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

تخفیفات تابستان تاپایان: یکشنبه ۲ مهر ۱۴۰۲

لیست محتوای این بخش

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

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

در تعریف عملگرها بهتر است به مثال ساده ی 4+5 مساوی با 9 را در نظر بگیرید . در این مثال اعداد 4 و 5 عملوند و علامت + عملگر نام گذاری میشود .

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

عملگرهای حسابی
عملگرهای مقایسه ای
عملگرهای منطقی
عملگرهای انتساب
عملگرهای شرطی

در ادامه بصورت مفصل در مورد همه ی عملگرها صحبت خواهیم کرد .

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

جاوا اسکریپت عملگرهای حسابی زیر را پشتیبانی میکند . فرض کنید مقدار A عدد 10 و مقدار B عدد 20 میباشد :

شماره	عملگر و توضیحات آن
1	+ جمع دو عدد عملوند را باهم جمع میکند مثال : A + B خروجی 30 را دارد
2	- تفریق مقدار عملوند دوم را از اولی کم میکند مثال : A - B مساوی است با -10
3	* ضرب دو عملوند را در هم ضرب میکند مثال : A * B مساوی است با 200
4	/ تقسیم دو عملوند را در هم تقسیم میکند مثال : B / A مساوی است با 2
5	% باقیمانده باقیمانده ی حاصل از تقسیم دو عملوند را برمیگرداند مثال : B % A مساوی است با 0
6	++ افزایش یک واحد یک واحد به مقدار قبلی عملوند می افزاید مثال : A++ مساوی است با 11
7	-- کاهنده یک واحد یک واحد از مقدار قبلی عملوند کم میکند مثال : A-- مساوی است با 9

نکته : از + میتوانید برای جمع بستن دو رشته ی string هم استفاده کنید مثلا "a"+"10" مساوی میشود با "a10" .

در مثال پائین تمام موارد بالا را تست میکنیم :

<html>
   <body>
   
      <script type = "text/javascript">
         <!--
            var a = 33;
            var b = 10;
            var c = "Test";
            var linebreak = "<br />";
         
            document.write("a + b = ");
            result = a + b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a - b = ");
            result = a - b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a / b = ");
            result = a / b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a % b = ");
            result = a % b;
            document.write(result);
            document.write(linebreak);
         
            document.write("a + b + c = ");
            result = a + b + c;
            document.write(result);
            document.write(linebreak);
         
            a = ++a;
            document.write("++a = ");
            result = ++a;
            document.write(result);
            document.write(linebreak);
         
            b = --b;
            document.write("--b = ");
            result = --b;
            document.write(result);
            document.write(linebreak);
         //-->
      </script>
      
      Set the variables to different values and then try...
   </body>
</html>

خروجی :

a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
++a = 35
--b = 8
Set the variables to different values and then try...

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

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

ردیف	عملگر و توضیحات و مثال
1	= = برابری برابر بودن دو مقدار را بررسی میکند و در صورت برابر بودن true و در غیر اینصورت false میباشد مثال : (A == B) مقدارش true نیست .
2	!= عدم تساوی عدم تساوی دو مقدار را بررسی میکند و درصورت مساوی نبودن دو مقدار true و در غیر اینصورت false برمیگرداند مثال : (A != B) مقدار true میباشد.
3	> بزرگتر است از بررسی میکند که مقدار متغیر سمت چپ بیشتر از متغیر سمت راست باشد و اگر چنین باشد true و در غیر این صورت false برمی گرداند مثال: (A > B) مقدارش true نیست.
4	< کوچکتر است از بررسی میکند که مقدار متغیر سمت راست بیشتر از متغیر سمت چپ باشد و اگر چنین باشد true و در غیر این صورت false برمی گرداند مثال : (A < B) مقدارش true می باشد .
5	>= بزرگتر یا مساوی بررسی میکند که مقدار متغیر سمت چپ بیشتر از متغیر سمت راست باشد و اگر چنین باشد true و در غیر این صورت false برمی گرداند توجه کنید که درصورت برابر بودن دو متغیر نیز مقدار true در نظر گرفته میشود مثال : (A >= B) مقدارش true نیست .
6	<= کوچکتر یا مساوی بررسی میکند که مقدار متغیر سمت راست بیشتر از متغیر سمت چپ باشد و اگر چنین باشد true و در غیر این صورت false برمی گرداند توجه کنید که درصورت برابر بودن دو متغیر نیز مقدار true در نظر گرفته میشود مثال : (A <= B) مقدارش true است .

تمام موارد بالا را در قالب یک مثال کدنویسی شده در زیر آورده ایم :

<html>
   <body>  
      <script type = "text/javascript">
         <!--
            var a = 10;
            var b = 20;
            var linebreak = "<br />";
      
            document.write("(a == b) => ");
            result = (a == b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a < b) => ");
            result = (a < b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a > b) => ");
            result = (a > b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a != b) => ");
            result = (a != b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a >= b) => ");
            result = (a >= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a <= b) => ");
            result = (a <= b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      Set the variables to different values and different operators and then try...
   </body>
</html>

خروجی :

(a == b) => false 
(a < b) => true 
(a > b) => false 
(a != b) => true 
(a >= b) => false 
a <= b) => true
Set the variables to different values and different operators and then try...

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

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

ردیف	عملگر و توضیحات و مثال
1	&& زمانی که هر دو متغیر مقداری بغیر از مقدار 0 را داشته باشند true برمیگرداند مثال : (A && B) مقدار true برمیگرداند.
2	\|\| اگر تنها یکی از دو متغیر مقدارش مقداری غیر از 0 باشد true برگردانده میشود مثال : (A \|\| B) مقدار true را برمی گرداند.
3	! داده ها را معکوس در نظر میگیرد اگر مقدار بازگشتی نهائی true باشد false و اگر false باشد true برگردانده میشود مثال : ! (A && B) مقدار flase برمی گرداند .

ردیف

عملگر و توضیحات و مثال

زمانی که هر دو متغیر مقداری بغیر از مقدار 0 را داشته باشند true برمیگرداند

مثال : (A && B) مقدار true برمیگرداند.

اگر تنها یکی از دو متغیر مقدارش مقداری غیر از 0 باشد true برگردانده میشود

مثال : (A || B) مقدار true را برمی گرداند.

داده ها را معکوس در نظر میگیرد اگر مقدار بازگشتی نهائی true باشد false و اگر false باشد true برگردانده میشود

مثال : ! (A && B) مقدار flase برمی گرداند .

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

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = true;
            var b = false;
            var linebreak = "<br />";
      
            document.write("(a && b) => ");
            result = (a && b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a || b) => ");
            result = (a || b);
            document.write(result);
            document.write(linebreak);
         
            document.write("!(a && b) => ");
            result = (!(a && b));
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

خروجی :

(a && b) => false 
(a || b) => true 
!(a && b) => true
Set the variables to different values and different operators and then try...

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

جاوا اسکریپت از عملگرهای بیتی زیر پشتیبانی میکند . توجه کنید که در بخش مثال ها مقدار A را عدد 2 و مقدار B را عدد 3 فرض میکنیم .

شماره	عملگر و توضیح و مثال آن
1	& در بین دو متغیر سمت راست و چپ عمل منطقی AND را انجام میدهد مثال : (A & B) برابر است با 2.
2	\| بین دو متغیر سمت راست و چپ عمل منطقی OR را انجام میدهد مثال : (A \| B) مساوی است با 3.
3	^ عمل منطقی XOR را انجام میدهد یعنی یکی از متغیرها برعکس متغیر دیگر باشد و مقدار هر دو یکسان نباشد مثال : (A ^ B) مساوی است با 1.
4	~ معکوس بیت های یک متغیر را برمیگرداند . برای درک بیشتر عدد را به سیستم دو دویی تبدیل کنید و سپس بجای 0 ها عدد 1 و بجای 1 ها عدد صفر قرار دهید سپس به سیستم ده دهی تبدیل کنید مثال : (~B) مساوی است با -4.
5	<< عمل منطقی شیفت به چپ را انجام میدهد مثال : (A << 1) مساوی است با 4.
6	>> عمل منطقی شیفت به راست را انجام میدهد مثال : (A >> 1) مساوی است با 1.
7	>>> همان شیفت به راست را انجام میدهد با این تفاوت که مقادیر شیفت شده به سمت چپ همیشه مقدار صفر خواهد داشت مثال : (A >>> 1) مساوی است با 1.

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

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = 2; // Bit presentation 10
            var b = 3; // Bit presentation 11
            var linebreak = "<br />";
         
            document.write("(a & b) => ");
            result = (a & b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a | b) => ");
            result = (a | b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a ^ b) => ");
            result = (a ^ b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(~b) => ");
            result = (~b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a << b) => ");
            result = (a << b);
            document.write(result);
            document.write(linebreak);
         
            document.write("(a >> b) => ");
            result = (a >> b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

خروجی کدهای بالا :

(a & b) => 2 
(a | b) => 3 
(a ^ b) => 1 
(~b) => -4 
(a << b) => 16 
(a >> b) => 0
Set the variables to different values and different operators and then try...

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

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

ردیف	عملگر و توضیحات آن به همراه مثال
1	= عمل انتساب یک مقدار را انجام میدهد هر چیزی که در سمت راست مساوی باشد در متغیر سمت چپ ریخته میشود مثال : C = A + B مقدار جمع A + B را در C میریزد .
2	+= مقدار قبلی متغیر سمت چپ را با مقدار سمت راست مساوی جمع میکند و دوباره در متغیر سمت چپ میریزد مثال : C += A برابر است با عمل C = C + A
3	−= مقدار قبلی متغیر سمت چپ را با مقدار سمت راست تفریق میکند و مقدار جدید را در متغیر سمت چپ میریزد مثال : C -= A بربر است با عمل C = C - A
4	= مقدار قبلی متغیر سمت چپ را با مقدار سمت راست ضرب میکند و مقدار جدید را در متغیر سمت چپ میریزد مثال : C = A برابر است با C = C * A
5	/= مقدار قبلی متغیر سمت چپ را با مقدار سمت راست تقسیم میکند و مقدار جدید را در متغیر سمت چپ میریزد مثال : C /= A برابر است با عمل C = C / A
6	%= باقیمانده ی تقسیم مقدار قبلی متغیر سمت چپ با مقدار سمت راست را به دست می آورد و مقدار جدید را در متغیر سمت چپ میریزد مثال : C %= A برابر است با عمل C = C % A

نکته : عملیات هایی که در بالا مشاهده کردید برای عملگرهای منطقی نیز وجود دارند مثلا : <<=, >>=, >>=, &=, |= و ^= .

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

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var a = 33;
            var b = 10;
            var linebreak = "<br />";
         
            document.write("Value of a => (a = b) => ");
            result = (a = b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a += b) => ");
            result = (a += b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a -= b) => ");
            result = (a -= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a *= b) => ");
            result = (a *= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a /= b) => ");
            result = (a /= b);
            document.write(result);
            document.write(linebreak);
         
            document.write("Value of a => (a %= b) => ");
            result = (a %= b);
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

خروجی کدهای بالا :

Value of a => (a = b) => 10
Value of a => (a += b) => 20 
Value of a => (a -= b) => 10 
Value of a => (a *= b) => 100 
Value of a => (a /= b) => 10
Value of a => (a %= b) => 0
Set the variables to different values and different operators and then try...

عملگرهای شرطی در جاوا اسکریپت :

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

conditional operator (? :) و typeof operator

Conditional Operator (? :) در جاوا اسکریپت :

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

? : (شرط)

اگر شرط درست باشد ? این قسمت اجرا میشود : ولی اگر شرط درست نباشد اینجا اجرا میشود

برای درک این مسئله شما باید مثال زیر را ببینید و درک کنید

سینتکس کلی :

? : (Conditional )

If Condition is true? Then value X : Otherwise value Y

مثال و خروجی :

((a > b) ? 100 : 200) => 200 
((a < b) ? 100 : 200) => 100
Set the variables to different values and different operators and then try...

typeof Operator در جاوا اسکریپت :

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

انواع نوع داده ها و خروجی عملگر typeof را میتوانید در زیر مشاهده کنید :

نوع داده	خروجی typeof
Number	"number"
String	"string"
Boolean	"boolean"
Object	"object"
Function	"function"
Undefined	"undefined"
Null	"object"

برای درک بیشتر موضوع مثال زیر را ببینید :

<html>
   <body>      
      <script type = "text/javascript">
         <!--
            var a = 10;
            var b = "String";
            var linebreak = "<br />";
         
            result = (typeof b == "string" ? "B is String" : "B is Numeric");
            document.write("Result => ");
            document.write(result);
            document.write(linebreak);
         
            result = (typeof a == "string" ? "A is String" : "A is Numeric");
            document.write("Result => ");
            document.write(result);
            document.write(linebreak);
         //-->
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

خروجی کدهای بالا :

Result => B is String 
Result => A is Numeric
Set the variables to different values and different operators and then try...

. اتمام .

محصولات برگزیده مناسب شما

دوره ی آموزش پروژه محور ساخت دفترچه تلفن با Vue.js و Laravel پکیج آموزشی فریمورک Vuejs 2 دوره ی آموزش جاوااسکریپت-صفرتاصد کارگاه آموزشی کار با Grunt js

ساخته و تولید شده توسط گروه آموزشی آواسام

تمام حقوق محفوظ است