مشاوره رایگان

ورود عضویت کسب درآمد

سبد خرید شما 0

دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان

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

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

عملگرها در JavaScript

عملگر چیست؟

عبارت ساده 4+5 را که برابر با 9 است ، در نظر بگیرید. در اینجا ، مقادیر 4 و 5 عملوند نامیده می شوند و ‘+’ عملگر نامیده می شود. جاوا اسکریپت از انواع عملگرهای زیر پشتیبانی می کند.

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

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

عملگرهای ریاضی

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

فرض می کنیم مقدار متغیر A برابر 10 و مقدار متغیر B برابر با 20 می باشد ، پس داریم:

ردیف	عملگر و توضیحات
1	+ (جمع) - (Addition) دو عملوند را جمع می کند مثال : A+B که مقدار 30 حاصل می شود.
2	- (تفریق) - (Subtraction) عملوند دوم را از عملوند اول کسر می کند. مثال : A-B که مقدار 10 حاصل می شود.
3	(حاصلضرب) - (Multiplication) دو عملوند را در هم ضرب می کند. مثال : AB که مقدار 200 حاصل می شود.
4	/ (تقسیم) - (Division) تقسیم صورت کسر بر مخرج می باشد. مثال : B/A که مقدار 2 حاصل می شود.
5	% (باقی مانده) - (Modulus) خروجی آن باقی مانده تقسیم عدد صحیح می باشد. مثال : B%A که مقدار صفر حاصل می شود.
6	++ (افزایش) - (Increment) مقدار عدد صحیح را یک واحد افزایش می دهد. مثال : A++ که مقدار 11 حاصل می شود.
7	--(کاهش) - (Decrement) مقدار عدد صحیح را یک واحد کاهش می دهد. مثال : A— که مقدار 9 حاصل می شود.

نکته : عملگر جمع (+) هم برای اعداد و هم برای رشته ها کار می کند. به عنوان مثال ، “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...

عملگرهای مقایسه ای

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

فرض می کنیم که مقدار متغیر A برابر با 10 و مقدار متغیر B برابر با 20 می باشد ، پس داریم:

ردیف	عملگر و توضیحات
1	== (تساوی) - (Equal) بررسی می کند که آیا دو عملوند با هم برابر هستند یا نه ، اگر برابر باشند ، نتیجه شرط برابر با true می باشد. مثال : مقدار شرط (A==B) ، درست (true) نیست.
2	!= (نامساوی) - (Not Equal) بررسی می کند که آیا دو عملوند با هم برابر هستند یا نه ، اگر برابر نباشند ، نتیجه شرط برابر با true می باشد. مثال : مقدار شرط (A!=B) برابر با true می باشد.
3	> (بزرگتر از) - (Greater than) بررسی می کند که آیا مقدار عملوند سمت چپ بزرگتر از مقدار عملوند سمت راست است یا نه ، اگر بزرگتر باشد ، نتیجه شرط برابر با true می باشد. مثال : مقدار شرط (A>B) برابر با true نیست.
4	< (کوچکتر از) - (Less than) بررسی می کند که آیا مقدار عملوند سمت چپ کوچکتر از مقدار عملوند سمت راست است یا نه ، اگر کوچکتر باشد ، نتیجه شرط برابر با true می باشد. مثال : مقدار شرط (A<B) برابر با true است.
5	>= (بزرگتر یا مساوی) - (Greater than or Equal to) بررسی می کند که آیا مقدار عملوند سمت چپ بزرگتر یا مساوی مقدار عملوند سمت راست است یا نه ، اگر بزرگتر یا مساوی باشد ، نتیجه شرط برابر با true می باشد. مثال : مقدار شرط (A>=B) برابر با true نیست.
6	=> (کوجکتر یا مساوی) - (Less than or Equal to) بررسی می کند که آیا مقدار عملوند سمت چپ کوچکتر یا مساوی مقدار عملوند سمت راست است یا نه ، اگر کوچکتر یا مساوی باشد ، نتیجه شرط برابر با 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...

عملگرهای منطقی

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

فرض می کنیم که مقدار متغیر A برابر با 10 و مقدار متغیر B برابر با 20 می باشد ، پس داریم:

ردیف	عملگر و توضیحات
1	&& (AND منطقی) اگر دو عملوند غیر صفر باشند ، در این صورت نتیجه شرط برابر با true می شود. مثال: مقدار شرط (A&&B) برابر با true می باشد.
2	\|\| (OR منطقی) اگر یکی از دو عملوند غیر صفر باشد ، در این صورت نتیجه شرط برابر با true می شود. مثال: مقدار شرط (A\|\|B) برابر با true می باشد.
3	! (NOT منطقی) وضعیت منطقی عملوند خود را معکوس می کند. اگر نتیجه یک شرط برابر با true باشد ، در این صورت عملوند NOT منطقی آن را false خواهد کرد. مثال: نتیجه شرط !(A&&B) برابر با false است.

مثال

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

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

عملگرهای بیتی (Bitwise)

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

فرض می کنیم که مقدار A برابر با 2 و مقدار B برابر با 3 باشد ، پس داریم:

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

مثال

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

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

عملگرهای انتساب

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

ردیف	عملگر و توضیحات
1	= (انتساب ساده) - (Simple Assignment ) مقادیر عملوند سمت راست را به عملوند سمت چپ تخصیص می دهد. مثال : C=A+B مقادیر A+B را به C تخصیص می دهد.
2	+= (جمع و انتساب) - (Add and Assignment) این عملگر ، عملوند سمت راست را با عملوند سمت چپ جمع کرده و نتیجه را به عملوند سمت چپ تخصیص می دهد. مثال : C+=A برابر است با C=C+A
3	-= (تفریق و انتساب) - (Subtract and Assignment) این عملگر ، عملوند سمت راست را از عملوند سمت چپ کم کرده و نتیجه را به عملوند سمت چپ تخصیص می دهد. مثال : C-=A برابر است با C=C-A
4	= (ضرب و انتساب) - (Multiply and Assignment) این عملگر ، عملوند سمت راست را با عملوند سمت چپ ضرب کرده و نتیجه را به عملوند سمت چپ تخصیص می دهد. مثال : C=A برابر است با C=C*A
5	/= (تقسیم و انتساب) - (Divide and Assignment) این عملگر ، عملوند سمت راست را به عملوند سمت چپ تقسیم کرده و نتیجه را به عملوند سمت چپ تخصیص می دهد. مثال : C/=A برابر است با C=C/A
6	%= (باقی مانده تقسیم و انتساب) - (Modules and Assignment) این عملگر ، باقی مانده تقسیم دو عملوند را به دست آورده و نتیجه را به عملوند سمت چپ تخصیص می دهد. مثال : 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 .

عملگر شرطی

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

ردیف

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

?: (شرطی)

در غیر این صورت مقدار Y پذیرفته می شود: اگر شرط true باشد ، مقدار X پذیرفته می شود.

مثال

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

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

عملگر typeof

عملگر typeof یک عملگر unary (یگانی) می باشد که قبل از یک عملوند تکی قرار می گیرد و می تواند از هر نوعی باشد. مقدار آن یک رشته است که نشان دهنده نوع داده عملوند می باشد.

عملگر typeof به صورت “number” ، “string” یا “Boolean” ارزیابی می شود ، اگر عملوند آن مقدار number ، string یا Boolean باشد ، مقدار true یا false را بر اساس ارزیابی انجام شده ، باز می گرداند.

در اینجا ، فهرستی از مقادیر بازگشتی برای عملوند typeof آورده شده است:

نوع	رشته بازگشت داده شده برای عملگر typeof
Number	“number”
String	“string”
Boolean	“boolean”
Object	“object”
Function	“function”
Undefined	“undefined”
Null	“object”

مثال

کد زیر نحوه پیاده سازی عملگر typeof را نشان می دهد:

<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

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

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

عملگر چیست؟

عملگرهای ریاضی

مثال

مثال

عملگرهای منطقی

مثال

عملگرهای بیتی (Bitwise)

مثال

عملگرهای انتساب

مثال

عملگرهای متفرقه

عملگر شرطی

مثال

عملگر typeof

مثال

آیا نیاز به مدرک هم دارید؟