تخفیفات ویژه بهار ۱۳۹۹ تاپایان: یکشنبه ۱۷ فروردین ۱۳۹۹
بزن بریم فروشگاه

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

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

 

در تعریف عملگرها بهتر است به مثال ساده ی 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 برمی گرداند .

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

<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...

 

 

. اتمام .