به نام خدا ضمن سلام و وقت بخیر خدمت دوستان گرامی این جلسه در راستای آموزش مقدماتی جاوا اسکریپت به مبحث عملگرها درجاوا اسکریپت(عملگرهای حسابی،عملگرهای انتسابی،عملگرهای مقایسه ای،عملگرهای منطقی و عملگرهای متنی) خواهیم پرداخت.

قبل اینکه به انواع عملگرها بپردازیم ،بهتره بدانیم عملگر اصلا چی هست؟عملگرها نمادی هستند که برای انجام یه عمل خاص رو دیتاها ازشون استفاده می کنیم.حال این عملیات ممکنه محاسباتی باشه یا مقایسه و چیزای دیگه.خب بریم انواع عمگلرهارو بشناسیم و یکی یکی درموردشون توضیح بدیم.

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

ARITHMETIC یا عملگرهای حسابی
Assignment Operator عملگرهای انتسابی
عملگرهای مقایسه ای (COMPARISON)
عملگرهای منطقی (Logical Operators)
عملگر متنی ( String)

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

عملگرهای حسابی (ARITHMETIC)

از عملگرهای حسابی وقتی که نیاز به محاسبات ریاضی داشته باشم استفاده می کنیم.

عملگرجمع(+) : این عملگر دو مقدار را باهم جمع می کند.اگر عملوندها رشته باشند انها به هم دیگر متصل میکند.
عملگرتفریق(-) : از این عملگر صرفا برای کسر دو مقدار عددی از هم استفاده می شود.
عملگرضرب (*):جهت به دست اوردن حاصل ضرب دو عدد استفاده می شود.
عملگرتقسیم (/): برای بدست آوردن حاصل تقسیم یک عدد بر عدد دیگر مورد استفاده قرار می گیرد.
عملگرباقیمانده(%):باقی مانده یک عدد بر عدد دیگر را به دست می اورد.
عملگرتوان (**): این عملگر جهت بردن یک عدد به توان با مقادیر مشخص استفاده می شود.
عملگرافزایش (++): مقدار عددی را یک واحد افزایش می دهد.
عملگرکاهش (–): ا مقدار عددی را یک واحد کاهش می دهد.

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

<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>
      
   </body>
</html>

<html>

<body>

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>

</body>

</html>

خروجی کد های بالا به شکل زیر می باشد.

a + b = 43

a - b = 23

a / b = 3.3

a % b = 3

a + b + c = 43Test

++a = 35

--b = 8

عملگرهای انتسابی ( Assignment Operators)

همانطور که از اسم این عملگر مشخص است از این نوع عملگرها جهت انتساب مقادیر به متغیر ها استفاده می کنیم برای انتساب از علامت مساوی که به انAssignment Operator نیز می گویند استفاده می کنیم.

علامت=:حاصل سمت راست عملوند را به سمت چپ عملوند انتساب میدهد.
علامت=+ : متغیر سمت چپ را با متغیر یا مقدار سمت راست جمع میکند و حاصل را در متغیر سمت چپ قرار میدهد.
علامت=- : متغیر سمت چپ را از متغیر یا مقدار سمت راست کم میکند و حاصل را در متغیر سمت چپ قرار میدهد.
علامت=* : متغیر سمت چپ را در متغیر یا مقدار سمت راست ضرب میکند و حاصل را در متغیر سمت چپ قرار میدهد.
علامت=/ : متغیر سمت چپ تقسیم بر متغیر یا مقدار سمت راست میکند و حاصل را در متغیر سمت چپ قرار میدهد.
علامت=%:باقی مانده تقسیم متغیر سمت چپ بر مقدار یا متغیر سمت راست را در متغیر سمت چپ قرار میدهد.
علامت =**: متغیر سمت چپ را به توان متغیر یا مقدار سمت راست میرساند و حاصل به دست امده را در متغیر سمت چپ قرار میدهد.

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

<html>
   <body>
   
      <script type="text/javascript">
       
            var a = 33;
            var b = 10;
            var c = 2;
            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);
 document.write("Value of c => (c **= b) => ");
 result = (c **= b);
 document.write(result);
 document.write(linebreak);
        
      </script>
     
   </body>
</html>

<html>

<body>

var a = 33;

var b = 10;

var c = 2;

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);

document.write("Value of c => (c **= b) => ");

result = (c **= b);

document.write(result);

document.write(linebreak);

</script>

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

Value of c => (c **= b) => 1024

عملگرهای مقایسه ای(COMPARISON)

ازاین نوع عملگرها جهت مقایسه دو مقدار استفاده مینماییم.خروجی این نوع عملگرها مقادیر true یا false می باشد.

مساوی ==: برابر بودن دو مقدار را بررسی میکند و در صورت برابر بودن true و در غیر اینصورت false میباشد
نامساوی !=: چک میکند که مقدار دو عملوند با هم برابر است یا نه، اگر برابر نباشند حاصل true میشود.
=== : بررسی میکند که دو طرف معادله هم از لحاظ مقداری هم از لحاظ نوع داده برابر هستند یا خیر اگر برابر باشند مقدار (True) در غیر این صورت مقدار (False) برمیگرداند.
> : اگر مقدار سمت چپ معادله کوچکتر از سمت راست باشد؛ مقدار (True) و در غیر این صورت مقدار (False) برمیگردد.
< : اگر مقدار سمت چپ معادله بزرگتر از سمت راست باشد؛ مقدار (True) و در غیر این صورت مقدار (False) برمیگردد.
=< : اگر مقدار سمت چپ معادله بزرگتر یا مساوی با سمت راست باشد؛ مقدار (True) و در غیر این صورت مقدار (False) برمیگردد.
=> : اگر مقدار سمت چپ معادله کوچکتر یا مساوی با سمت راست باشد؛ مقدار (True) و در غیر این صورت مقدار (False) برمیگردد.

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

<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>
      
   </body>
</html>

<html>

<body>

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>

</body>

</html>

خروجی کد های بالا به شکل زیر می باشد.

(a == b) => false

(a < b) => true

(a > b) => false

(a != b) => true

(a >= b) => false

a <= b) => true

عملگرهای منطقی (Logical Operators)

از عملگرهای منطقی جهت اعمال مقایسه شرط های چند عبارت استفاده می نماییم.

&& (AND منطقی):اين عبارت برای ترکيب دو يا چند عبارت با هم استفاده می شود . نتيجه ترکيب اين عملگر فقط زمانی صحيح است ، که تمام عبارات ترکيب شده با هم درست باشند .
|| (OR منطقی) :اين عبارت برای ترکيب دو يا چند عبارت با هم استفاده می شود . نتيجه ترکيب اين عملگر در صورت درست بودن حداقل يکی از عبارات ترکيب شده ، درست خواهد بود.
! (NOT منطقی) :اين عملگر برای بر عکس کردن درستی يا عدم درستی يک عبارت استفاده می شود . استفاده اين عملگر قبل از يک عبارت صحيح باعث نادرست شدن جواب و برعکس خوهد شد .

مثال جهت نحوه استفاده این عملگرها و نحوه کار انها.

<html>

<body>

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>

</body>

</html>

خروجی کد های بالا به شکل زیر می باشد.

(a && b) => false

(a || b) => true

!(a && b) => true

عملگر String

در جاوا اسکريپت می توان دو متغير رشته ای را با عملگر + به هم اضافه کرد . همچنين برای ايجاد فاصله بين متغيرهای می توان از يک ” ” به شکلی که در مثال زير آمده است ، استفاده کرد .

< script type="text/javascript" >

var matn1 = "Welcome to" ;

var matn2 = "javasacript" ;

var welcome = matn1 + " " + matn2 ;

document.write (welcome) ;

< /script >

خروجی کد های بالا به شکل زیر می باشد.

1	Welcome to javascript

امیدواریم این مقاله مورد توجه شما قرار گرفته باشد.

ساختار و چارچوب جاوا اسکریپت

ویژوال استودیو کد یا visual studio code چیست؟

برای امتیاز به این نوشته کلیک کنید!

[کل: 1 میانگین: 5]

اشتراک‌گذاری

ساختار و چارچوب جاوا اسکریپت نوشته قبل

کتابخانه رتروفیت چیست؟ نوشته بعد

علی فرجی

علی فرجی هستم، برنامه نویس جاوا اسکریپت و ریکت با بیش از 5 سال تجربه. من عاشق برنامه نویسیم و همیشه به دنبال یادگیری چیزهای جدید هستم.همچنین یکی از بنیانگذار های سایت کدایت ، یک سایت آموزش برنامه نویسی در حوزه جاوا اسکریپت، ریکت، اندروید و ... هستم. امیدوارم بتوانم با دانش و تجربه خود به سایر برنامه نویسان کمک کنم تا در این زمینه پیشرفت کنند.