آموزش عملگرها در جاوا اسکریپت
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش عملگرها در جاوا اسکریپت خواهیم پرداخت.
عملگر چیست؟
بیایید یک عبارت ساده بگیریم 4 + 5 برابر با 9 است. در اینجا 4 و 5 را عملوند و “+” را عملگر می نامند. جاوا اسکریپت از انواع عملگرهای زیر پشتیبانی می کند.
- عملگرهای حساب
- اعملگرهای مقایسه
- عملگرهای منطقی (یا رابطه ای)
- عملگرهای انتساب
- عملگرهای مشروط (یا سه گانه)
بیایید نگاهی به همه عملگرها داشته باشیم.
عملگرهای حساب
JavaScript از عملگرهای حسابی زیر پشتیبانی می کند –
فرض کنید متغیر A 10 را نگه داشته و متغیر B 20 را نگه دارد ، سپس –
دو عملوند اضافه می کند
مثال: A + B 30 می دهد
عملوند دوم را از اول کم می کند
مثال: A – B -10 می دهد
هر دو عملوند را ضرب کنید
مثال: A * B 200 می دهد
عدد را بر مخرج تقسم کنید
مثال: B / A 2 می دهد
باقیمانده یک تقسیم عدد را تولید می کند
مثال: B٪ A 0 می دهد
مقدار عدد صحیح را یک به یک افزایش می دهد
مثال: A ++ 11 می دهد
مقدار عدد صحیح را با یک کاهش می دهد
مثال: A– 9 خواهد داد
توجه – عملگر اضافه (+) برای عددی و همچنین رشته ها کار می کند. به عنوان مثال، “a” + 10 “a10” را می دهد.
مثال
کد زیر نحوه استفاده از عملگرهای حساب در جاوا اسکریپت را نشان می دهد.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
|
<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 را نگه دارد ، سپس –
بررسی می کند که مقدار دو عملوند برابر است یا نه، اگر بله، شرط درست می شود.
مثال: (A == B) درست نیست.
(Not Equal)=!
بررسی می کند که مقدار دو عملوند برابر است یا نه، اگر مقادیر برابر نیستند، در این صورت شرط درست می شود.
مثال: (A! = B) درست است.
بررسی می کند که آیا مقدار عملوند سمت چپ بیشتر از مقدار عملوند راست است، در صورت مثبت بودن، شرط درست می شود.
مثال: (A> B) درست نیست.
بررسی می کند که آیا مقدار عملوند سمت چپ کمتر از مقدار عملوند سمت راست است ، در صورت مثبت بودن ، شرط درست می شود.
مثال: (A <B) درست است.
- (Greater than or Equal to)<=
بررسی می کند که آیا مقدار عملوند سمت چپ بیشتر یا برابر با مقدار عملوند راست است ، در صورت مثبت بودن ، شرط درست می شود.
مثال: (A> = B) درست نیست.
- (Less than or Equal to)>=
بررسی می کند که آیا مقدار عملوند سمت چپ کمتر یا برابر با مقدار عملوند راست است ، در صورت مثبت بودن ، شرط درست می شود.
مثال: (A <= B) درست است.
مثال
کد زیر نحوه استفاده از عملگرهای مقایسه را در جاوا اسکریپت نشان می دهد.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
|
<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 را نگه دارد ، سپس –
اگر هر دو عملوند غیر صفر باشند، شرط درست می شود.
مثال: (A && B) درست است.
اگر هر یک از دو عملوند غیر صفر باشند ، در این صورت شرایط درست می شود.
مثال: (A || B) درست است.
حالت منطقی عملوند خود را معکوس می کند. اگر یک شرط درست باشد، عملگر Logical NOT آن را نادرست می داند.
سابق: ! (A && B) نادرست است.
مثال
برای یادگیری نحوه پیاده سازی Logical Operators در جاوا اسکریپت کد زیر را امتحان کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
|
<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 را نگه می دارد ، سپس –
این عملیات بولی و در هر بیت از آرگومان های عدد صحیح خود را انجام می دهد.
مثال: (A & B) 2 است.
این یک عملیات بولی یا هر بیت از استدلال های عدد صحیح خود را انجام می دهد.
مثال: (A | B) 3 است.
این یک عمل منحصر به فرد یا بولی را بر روی هر بیت از استدلال های عدد صحیح خود انجام می دهد. OR انحصاری به این معنی است که یا عملوند یک درست است یا عملوند دو درست است ، اما نه هر دو.
مثال: (A ^ B) 1 است.
این یک عملگر unary است و با معکوس کردن همه بیت های عملوند عمل می کند.
مثال: (~ B) -4 است.
همه بیت های عملوند اول خود را با تعداد مکان های مشخص شده در عملوند دوم به سمت چپ حرکت می دهد. بیت های جدید با صفر پر می شوند. تغییر مقداری که در یک موقعیت باقی مانده معادل ضرب آن در 2 ، تغییر دو موقعیت برابر با ضرب در 4 و غیره است.
مثال: (A << 1) 4 است.
اپراتور شیفت راست باینری. مقدار عملوند سمت چپ به تعداد بیت های مشخص شده توسط عملوند سمت راست منتقل می شود.
مثال: (A >> 1) 1 است.
- (Right shift with Zero) <<<
این عملگر دقیقاً مانند عملگر >> است ، با این تفاوت که بیت های منتقل شده در سمت چپ همیشه صفر هستند.
مثال: (A >>> 1) 1 است.
مثال
برای اجرای عملگرهای بیتی در جاوا اسکریپت کد زیر را امتحان کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
|
<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... |
عملگرهای انتساب
جاوا اسکریپت از عملگرهای انتساب زیر پشتیبانی می کند –
مقادیر را از عملوند سمت راست به عملوند سمت چپ اختصاص می دهد
مثال: C = A + B مقدار A + B را به C اختصاص می دهد
(Add and Assignment)=+
عملوند سمت راست را به عملوند سمت چپ اضافه می کند و نتیجه را به عملوند سمت چپ اختصاص می دهد.
مثال: C + = A معادل C = C + A است
- (Subtract and Assignment)=−
عملوند راست را از عملوند سمت چپ کم کرده و نتیجه را به عملوند سمت چپ اختصاص می دهد.
مثال: C – = A معادل C = C – A است
- (Multiply and Assignment)=*
عملوند راست را با عملوند سمت چپ ضرب می کند و نتیجه را به عملوند سمت چپ اختصاص می دهد.
مثال: C * = A معادل C = C * A است
- (Divide and Assignment)=/
عملوند سمت چپ را با عملوند راست تقسیم کرده و نتیجه را به عملوند سمت چپ اختصاص می دهد.
مثال: C / = A معادل C = C / A است
- (Modules and Assignment)=%
با استفاده از دو عملوند به مدول نیاز دارد و نتیجه را به عملوند سمت چپ اختصاص می دهد.
مثال: C٪ = A معادل C = C٪ A است
توجه – منطق مشابه برای عملگرهای بیتی اعمال می شود ، بنابراین آنها مانند << = ، >> = ، >> = ، & = ، | = و ^ = خواهند شد.
مثال
برای اجرای عملگرهای انتساب در جاوا اسکریپت کد زیر را امتحان کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
|
<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... |
عملگرهای متفرقه
ما در اینجا در مورد دو عملگر بحث خواهیم کرد که در جاوا اسکریپت کاملاً مفید هستند: عملگر شرطی (؟ 🙂 و عملگر typeof.
عملگر شرطی (؟ 🙂
عملگر شرطی ابتدا عبارتی را برای مقدار درست یا نادرست ارزیابی می کند و سپس بسته به نتیجه ارزیابی یکی از دو عبارت داده شده را اجرا می کند.
(Conditional ):?
اگر شرط درست است؟ سپس مقدار X: در غیر این صورت مقدار Y را تعیین کنید
مثال
برای درک نحوه عملکرد اپراتور مشروط در جاوا اسکریپت ، کد زیر را امتحان کنید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
<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” ارزیابی می کند.
در اینجا لیستی از مقادیر بازگشتی برای نوع عملگر وجود دارد.
نوع |
رشته ای که با typeof برگردانده می شود |
Number |
“number” |
String |
“string” |
Boolean |
“boolean” |
Object |
“object” |
Function |
“function” |
Undefined |
“undefined” |
Null |
“object” |
مثال
کد زیر نحوه پیاده سازی عملگر typeof را نشان می دهد.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
<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... |
منبع.
لیست جلسات قبل آموزش جاوا اسکریپت
- آموزش جاوا اسکریپت
- نگاه کلی به آموزش جاوا اسکریپت
- آموزش نحو در جاوا اسکریپت
- آموزش فعال کردن جاوا اسکریپت در مرورگرها
- آموزش قرارگیری در فایل HTML در جاوا اسکریپت
- آموزش متغیرها در جاوا اسکریپت
دیدگاه شما