عملگر های جاوا اسکریپت عنصری مهم در کارکردن با متغیرها در این زبان هستند. آنها دارای انواع مختلفی هستند که از جمله آنها می‌توان به عملگرهای ریاضی (که برای کارکردن با متغیرهای عددی و حسابی استفاده می‌شوند)، عملگرهای انتسابی (که برای اختصاص دادن یک مقدار به متغیر استفاده می‌شوند)، عملگرهای مقایسه‌ای (که برای مقایسه کردن دو متغیر با یکدیگر استفاده می‌شوند)، عملگرهای منطقی (که برای کارکردن با عبارت شرطی در کنار یکدیگر استفاده می‌شوند) و عملگرهای بیتی ( که برای کارکردن با متغیرهای بیتی استفاده می‌شوند) اشاره کرد. همانطور که میدانید مبحث جاوا اسکریپت از مباحث گسترده است که با شرکت در بوت کمپ برنامه نویسی نیاز شما برای فراگرفتن مباحث گسترده برطرف میشود.
برای این‌که بتوانید در زبان برنامه‌نویسی جاوا اسکریپت به بهترین شکل ممکن با متغیرها کار کرده و به خواسته خود برسید نیازمند این خواهید بود که کارکرد درست هریک از این عملگرها را بشناسید. در بوت کمپ فرانت اند شما می‌توانید خیلی راحت این عملگرها را بشناسید و بتوانید از آنها به شکلی درست و اصولی استفاده کنید.
عملگرهای ریاضی در جاوا اسکریپت
دسته اول از عملگر های جاوا اسکریپت که باید با آنها آشنا شوید عملگرهای ریاضی هستند. وقتی شما متغیرهایی از نوع عددی را در این زبان تعریف می‌کنید برای این‌که بتوانید عملیات متفاوتی را روی آنها انجام دهید نیازمند عملگرهای ریاضی خواهید بود. این دسته از عملگرها که با نام عملگرهای حسابی در جاوا اسکریپت نیز شناخته می‌شوند پرکاربردترین عملگرها در زبان جاوا اسکریپت به شمار می‌آیند که از جمله آنها می‌توان به موارد زیر اشاره کرد:
- عملگرهای + و -: این دو عملگر به ترتیب برای جمع و منها کردن دو عدد مورداستفاده قرار می‌گیرند.
- عملگرهای * و /: این دو عملگر نیز به ترتیب برای ضرب دو عدد و تقسیم دو عدد بر یکدیگر استفاده می‌شوند. فراموش نکنید در زمان استفاده از عملگر تقسیم اگر مخرج کسر صفر باشد خطایی را به شما نمایش خواهد داد.
- عملگر %: این عملگر در واقع دو عدد را بر یکدیگر تقسیم کرده و باقی مانده آن را به شما برمی‌گرداند.
- عملگر **: گاهی اوقات ممکن است شما قصد داشته باشید یک عدد را به توان عددی دیگر برسانید. در این شرایط می‌توانید از عملگر ** در زبان برنامه‌نویسی جاوا اسکریپت استفاده کنید.
- عملگرهای ++ و –: گاهی اوقات ممکن است شما بخواهید یک واحد به متغیری اضافه کنید که در این صورت از ++ و در صورتی که بخواهید یک واحد از آن کم کنید می‌توانید از — استفاده کنید. این دسته از عملگرها در زبان برنامه‌نویسی جاوا اسکریپت با نام عملگرهای افزایش و کاهش در جاوا اسکریپت نیز شناخته می‌شوند.
برای درک هرچه بهتر عملگرهای یکانی در جاوا اسکریپت اجازه دهید تا در ادامه چند مثال را برای شما بیاوریم:
let x = 5;
let y = 2;
let z = x + y;
در اینجا خروجی z برابر 7 خواهد بود.
let x = 5;
let y = 2;
let z = x * y;
در اینجا خروجی z برابر 10 خواهد بود.
let x = 5;
x++;
console.log(x); // 6
در اینجا خروجی x برابر 6 خواهد بود.
عملگرهای انتسابی در جاوا اسکریپت
عملگر انتسابی در جاوا اسکریپت دسته دیگری از عملگرهای پرکاربرد در این زبان به شمار می‌آید که به شما کمک می‌کند تا یک مقدار را به یک متغیر اختصاص دهید. برای مثال فرض کنید که شما قصد دارید یک متغیر به نام X تعریف کرده و مقدار 5 را داخل آن قرار دهید. در این شرایط برای این‌که بتوانید چنین کاری کنید به عملگر انتسابی = نیاز خواهید داشت. اولین مورد از این عملگرها عملگر = است که هرآنچه که در قسمت راست این عملگر قرار داشته باشد را در داخل متغیر سمت چپ قرار خواهد داد. برای این‌که به شکل بهتری این موضوع را بیاموزید قطعه کد زیر را مشاهده کنید:
X = Y + 2;
در قطعه کد بالا ابتدا مقدار Y با 2 جمع شده و نتیجه نهایی آن داخل متغیر X قرار خواهد گرفت.
یکی دیگر از عملگرهای پرکاربرد انتسابی که در زبان برنامه‌نویسی جاوا اسکریپت مورداستفاده قرار می‌گیرد عملگر =+ است. این عملگر مقدار متغیری که در سمت چپ عملگر قرار گرفته است را دریافت کرده و آن را با مقداری که در سمت راست عملگر قرار دارد جمع زده و نتیجه نهایی را داخل متغیر سمت چپ قرار می‌دهد. برای درک هرچه بهتر کارکرد این عملگر در آموزش برنامه نویسی بامداد به مثال زیر دقت کنید:
Let x = 7;
X += 3;
در اینجا ابتدا مقدار اولیه 7 برای متغیر x در نظر گرفته میشود و در خط بعدی این مقدار با 3 جمع شده و نتیجه آن داخل x قرار می‌گیرد. به این ترتیب مقدار x برابر 10 خواهد بود.
دقت داشته باشید که همین موضوع برای عملگر -= و *= نیز صدق می‌کند. از طرف دیگر شما می‌توانید از عملگر /= نیز استفاده کنید. این عملگر مقدار سمت چپ را در مقدار سمت راست تقسیم کرده و نتیجه نهایی آن را داخل متغیر سمت چپ قرار خواهد داد. در گام بعدی باید بدانید که همین کار را می‌توانید با عملگر % نیز انجام دهید. برای مثال x %= y در واقع معادل همان x = x%y خواهد بود. در انتها برای یادگیری عملگر های جاوا اسکریپت باید بدانید که همین کار را می‌توان با عملگر ** نیز انجام داد، پس x **= t در واقع معادل x = x ** t خواهد بود.
برای درک هرچه بهتر این عملگرها بهتر است به مثال‌های زیر توجه داشته باشید:
let x = 3;
x += 2 * 3;
console.log(x);
خروجی این مثال برابر 9 خواهد بود.
x -= 3;
console.log(x);
خروجی این مثال برابر 0 خواهد بود.
x %= 2;
console.log(x);
خروجی این مثال نیز برابر 1 خواهد بود.
عملگرهای مقایسه‌ای در زبان برنامه‌نویسی جاوا اسکریپت
عملگرهای مقایسه ای در جاوا اسکریپت یکی دیگر از عملگرهای محبوبی هستند که حتما باید کارکرد درست آنها را بشناسید و بتوانید از این عملگرها در کدهایی که دارید استفاده کنید. عملگرهای == و === دو مورد از محبوب‌ترین این عملگرها به شمار می‌آیند. عملگر == یکی از عملگرهای برابری در جاوا اسکریپت به شمار می‌آید که تنها روی مقدار متغیر تمرکز دارد. به این ترتیب اگر دو متغیر دارای مقادیر یکسانی باشند، صرف نظر از نوع و کلاس آنها، این عملگر مقدار true و در غیر این صورت مقدار false را برمی‌گرداند.
حال ممکن است شرایطی پیش بیاید که شما قصد داشته باشید علاوه بر مقدار نوع و کلاس دو متغیر را نیز با یکدیگر مقایسه کنید. در این صورت می‌توانید از عملگر === استفاده کنید. این عملگر می‌گوید که وقتی دو متغیر دارای مقادیر یکسانی بوده و البته کلاس و نوع آنها نیز یکسان باشد مقدار true به شما بازگردانده میشود و در غیر این صورت مقدار بازگشتی برابر false خواهد بود.
حال اگر بخواهید عکس همین موضوع را بررسی کنید می‌توانید از دو عملگر != و !== استفاده کنید. != وقتی که دو متغیر مقدار یکسانی نداشته باشند، صرف نظر از نوع آنها، مقدار true بر می‌گرداند و !== نیز وقتی که دو متغیر نه مقدار و نه نوع یکسانی داشته باشند مقدار true را باز می‌گرداند. در نهایت شما باید با عملگرهای بزرگ‌تر و کوچکتر آشنا شوید. این دو عملگر به ترتیب برابر > و < هستند. عملگر اول که عملگر بزرگ‌تر است وقتی که متغیر اول بزرگ‌تر از متغیر دوم باشد مقدار true بر می‌گرداند و عملگر دوم نیز زمانی مقدار true باز می‌گرداند که متغیر اول کوچکتر از متغیر دوم باشد. در نهایت شما همین موضوع را می‌توانید روی عملگرهای >= و <= نیز اعمال کنید.
این دو عملگر در واقع بیانگر این هستند که متغیر اول بزرگ‌تر و مساوی متغیر دوم یا کوچکتر و مساوی متغیر دوم است. مثال‌های زیر را در درباره این دسته از عملگر های جاوا اسکریپت بررسی کنید:
console.log(9 == 9); // true
console.log(9 != 20); // true
console.log(2 > 10); // false
console.log(2 < 10); // true
console.log(5 >= 10); // false
console.log(10 <= 10); // true
فراموش نکنید که عملگرهای مقایسه‌ای را می‌توانید روی رشته‌ها نیز اعمال کنید:
console.log(“ABC” == “ABC”); // true
console.log(“ABC” == “abc”); // false
console.log(“Z” != “A”); // true
با عملگرهای منطقی در زبان برنامه‌نویسی جاوا اسکریپت آشنا شوید
عملگرهای منطقی در جاوا اسکریپت عملگرهایی هستند که به شما اجازه می‌دهند تا بتوانید عملیات منطقی را در کنار یکدیگر انجام دهید. آنها معمولا در عبارات شرطی بیشترین کاربرد را دارند. برای مثال فرض کنید که شما دو عبارت شرطی دارید و قصد دارید از این دو در کنار هم استفاده کنید. مثلا قصد دارید کدی بنویسید که اگر دمای هوا بیشتر از 35 درجه بود و سرعت باد کمتر از 1 کیلومتر بر ساعت بود پیغامی برای کاربر ارسال شود. در این شرایط برای این‌که بتوانید دو شرط را در کنار هم قرار دهید می‌توانید از && استفاده کنید.
حال اگر بخواهید همین شرط را به شکل یا نمایش دهید می‌توانید از || استفاده کنید. برای مثال در شرط قبلی فرض کنید که بخواهید بگویید اگر دمای هوا بیشتر از 35 درجه بود یا سرعت باد کمتر از یک کیلومتر بر ساعت بود پیغامی برای کاربر ارسال شود. در این شرایط نیازمند استفاده از عملگر منطقی || هستید. در نهایت باید با عملگر ! آشنا شوید که در بخش‌های قبلی نیز به آن اشاره کردیم. این مورد از عملگر های جاوا اسکریپت همان نقیض منطقی در زبان برنامه‌نویسی جاوا اسکریپت است.
مثال‌های زیر را در این زمینه مشاهده کنید:
console.log(true && false);
این عبارت false را برای شما چاپ می‌کند.
console.log(false || false);
این عبارت نیز false را چاپ می‌کند.
console.log(!true);
خروجی این عبارت false است.
آشنایی با عملگر typeof در زبان برنامه‌نویسی جاوا اسکریپت
یکی از عملگرهای محبوبی که در زبان برنامه‌نویسی جاوا اسکریپت وجود دارد و در بوت کمپ فرانت اند نیز آموزش داده میشود عملگر typeof است. این عملگر در واقع می‌تواند نوع متغیری که شما برای این عملگر از آن استفاده می‌کنید را به شما برگرداند. از طرف دیگر شما می‌توانید به یک شکل دیگر نیز از این عملگر استفاده کنید که با نام instanceof شناخته میشود. این عملگر دو مقدار را دریافت کرده و بررسی می‌کند که آیا مقدار اول از نوع کلاس مقدار دوم است یا خیر؟ در صورتی که این‌چنین باشد مقدار true برای شما بازگردانده میشود و در غیر این صورت مقدار false به شما ارائه میشود.
پیشنهاد مقالات:کاربرد ESLint در جاوا اسکریپت
با عملگرهای بیتی در زبان برنامه‌نویسی جاوا اسکریپت آشنا شوید
عملگرهای بیتی جاوا اسکریپت به شما کمک می‌کند تا بتوانید روی متغیرهایی که از نوع بیت هستند عملیات متفاوتی را انجام دهید. عملگرهای & و | اولین دسته از این عملگرها هستند. عملگر & دو رشته بیتی را دریافت کرده و آنها را واحد به واحد مقایسه می‌کند. اگر دو جایگاه یکسان در این رشته‌ها برابر 1 باشند در این صورت خروجی آن جایگاه نیز 1 خواهد بود و در غیر این صورت 0 خواهد بود. عملگر | نیز تقریبا به همان شکل است و تنها تفاوت آن این است که اگر در یک جایگاه مقدار یک یا هر دو رشته برابر 1 باشد در این صورت خروجی آن جایگاه نیز 1 خواهد بود و در این صورت 0 خواهد بود.
عملگر ~ یک رشته بیت را برعکس می‌کند و این یعنی 1 برابر 0 و 0 برابر 1 خواهد شد. عملگرهای دیگری نیز برای رشته‌های بیتی وجود دارند که هریک از آنها کاربردهای مخصوص به خود را دارند و شما در بوت کمپ برنامه نویسی می‌توانید به طور کامل آنها را بشناسید. فراموش نکنید که عملگر حذف در جاوا اسکریپت را نیز می‌توان در میان همین عملگرها قرار داد.
سخن پایانی
آشنایی با عملگر های جاوا اسکریپت به شما کمک می‌کند تا بتوانید به بهترین شکل ممکن متغیرهای مختلف را مورداستفاده قرار داده و عملیات متفاوتی را روی آنها انجام دهید. این عملگرها از چندین دسته مختلف تشکیل شده‌اند که هریک کاربردهای مخصوص به خود را دارند. وقتی به نقشه راه فرانت اند نگاه می‌کنید مشاهده خواهید کرد که این عملگرها نقشی کلیدی و بسیار مهم را در زبان برنامه‌نویسی جاوا اسکریپت دارند. در صورتی که شما هم قصد دارید بیشتر با آنها آشنا شوید پیشنهاد می‌کنیم حتما از خدمات ارائه شده توسط مجموعه بامداد در این زمینه استفاده کنید.
