آموزش رایگان جاوا اسکریپت (JavaScript)

عملگرها و عبارات محاسباتی در جاوا اسکریپت: نحوه استفاده و کاربردهای مختلف

1402/06/28 00:20 محراب حسن زاده
عملگرها و عبارات محاسباتی در جاوا اسکریپت: نحوه استفاده و کاربردهای مختلف

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

 

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

جاوا اسکریپت دارای چندین نوع عملگر است که هرکدام برای انجام عملیات خاصی طراحی شده‌اند. عملگرها در جاوا اسکریپت به دسته‌های زیر تقسیم می‌شوند:

  • عملگرهای ریاضی (Arithmetic Operators)

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

  • عملگرهای مقایسه‌ای (Comparison Operators)

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

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

  • عملگرهای نوعی (Type Operators)

  • عملگرهای سایر (دیگر) (Other Operators)

 

عملگرهای ریاضی (Arithmetic Operators)

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

عملگر توضیح مثال
+ جمع 5 + 3
- تفریق 5 - 3
* ضرب 5 * 3
/ تقسیم 5 / 3
% باقیمانده 5 % 3
** توان 5 ** 3
++ افزایش به اندازه ۱ (پیش یا پس‌افزایشی) i++
-- کاهش به اندازه ۱ (پیش یا پس‌کاهشی) i--

مثال:



let x = 10;
let y = 3;

console.log(x + y);  // 13
console.log(x % y);  // 1
console.log(x ** y); // 1000

 

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

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

عملگر توضیح مثال
= انتساب ساده x = 5
+= جمع و انتساب x += 3
-= تفریق و انتساب x -= 3
*= ضرب و انتساب x *= 3
/= تقسیم و انتساب x /= 3
%= باقیمانده و انتساب x %= 3
**= توان و انتساب x **= 3

مثال:



let a = 10;

a += 5;   // a = a + 5 --> a = 15
a *= 2;   // a = a * 2 --> a = 30
console.log(a); // 30

 

عملگرهای مقایسه‌ای (Comparison Operators)

عملگرهای مقایسه‌ای برای مقایسه مقادیر استفاده می‌شوند و نتیجه آن‌ها یک مقدار بولی (true یا false) است.

عملگر توضیح مثال
== برابر بودن 5 == 5
!= نابرابر بودن 5 != 3
=== برابر بودن به همراه نوع داده 5 === 5
!== نابرابر بودن به همراه نوع داده 5 !== "5"
> بزرگتر بودن 5 > 3
< کوچکتر بودن 5 < 3
>= بزرگتر یا مساوی بودن 5 >= 3
<= کوچکتر یا مساوی بودن 5 <= 3

مثال:



let b = 5;
let c = "5";

console.log(b == c);  // true (فقط مقدار را مقایسه می‌کند)
console.log(b === c); // false (مقدار و نوع داده را مقایسه می‌کند)

 

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

عملگرهای منطقی برای ترکیب شرط‌ها استفاده می‌شوند و نتیجه آن‌ها یک مقدار بولی است.

عملگر توضیح مثال
&& و (AND) x && y
! نقیض (NOT) !x

مثال:



let isAdult = true;
let hasPermission = false;

console.log(isAdult && hasPermission); // false
console.log(isAdult || hasPermission); // true
console.log(!isAdult);                 // false

 

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

عملگرهای بیتی عملیات‌ها را بر روی سطح بیت‌ها انجام می‌دهند. این عملگرها در برنامه‌نویسی سطح پایین و محاسبات پیچیده کاربرد دارند.

عملگر توضیح مثال
& AND a & b
| OR a | b
^ XOR a ^ b
~ NOT ~a
<< شیفت به چپ a << b
>> شیفت به راست a >> b

مثال:



let x = 5;     // در باینری: 0101
let y = 1;     // در باینری: 0001

console.log(x & y); // 1 (AND)
console.log(x | y); // 5 (OR)
console.log(x ^ y); // 4 (XOR)

 

عملگرهای نوعی (Type Operators)

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

typeof: نوع داده را بررسی می‌کند.



console.log(typeof 42);           // "number"
console.log(typeof "Hello");      // "string"
console.log(typeof true);         // "boolean"

 

instanceof: بررسی می‌کند که یک شیء از یک کلاس خاص است یا خیر.



let date = new Date();
console.log(date instanceof Date); // true

 

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

سه‌تایی (Ternary Operator): این عملگر که با ? و : نوشته می‌شود، جایگزین کوتاه‌تری برای if و else است.



let age = 18;
let canVote = (age >= 18) ? "Yes" : "No";
console.log(canVote); // "Yes"

 

delete: برای حذف ویژگی‌های یک شیء استفاده می‌شود.



let person = { name: "Ali", age: 30 };
delete person.age;
console.log(person); // { name: "Ali" }

 

in: بررسی می‌کند که آیا یک ویژگی در شیء خاصی وجود دارد یا خیر.



let person = { name: "Ali", age: 30 };
console.log("age" in person); // true

 

ترکیب عملگرها در عبارات محاسباتی

می‌توانید عملگرهای مختلف را در یک عبارت ترکیب کنید. برای جلوگیری از ابهام، از پرانتزها برای اولویت‌دهی به عملیات‌ها استفاده کنید.



let result = (5 + 3) * 2 - 4 / 2;
console.log(result); // 14

 

در این مثال، اولویت با پرانتز است و سپس ضرب، تقسیم، جمع و تفریق به ترتیب اعمال می‌شوند.

 

نتیجه‌گیری

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

واحدهای CSS مدرن: آموزش استفاده از vw، vh، vmin و vmax برای طراحی واکنش‌گرا
1403/08/11 20:43

واحدهای CSS مدرن: آموزش استفاده از vw، vh، vmin و vmax برای طراحی واکنش‌گرا

مطالعه بیشتر
راهنمای جامع پاک‌سازی داده‌های ورودی در PHP بر اساس استانداردهای گوگل
1405/04/27 22:21

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

مطالعه بیشتر
آموزش ارتباط با سرور و ارسال درخواست‌های HTTP با Fetch API در جاوا اسکریپت: راهنمای جامع با مثال‌ها
1403/08/01 19:55

آموزش ارتباط با سرور و ارسال درخواست‌های HTTP با Fetch API در جاوا اسکریپت: راهنمای جامع با مثال‌ها

مطالعه بیشتر
آموزش کامل Super Global ها در PHP (متغیرهای سراسری)
1405/05/01 19:58

آموزش کامل Super Global ها در PHP (متغیرهای سراسری)

مطالعه بیشتر
آموزش CSS Blend Modes: ادغام رنگ‌ها و تصاویر برای طراحی وب جذاب
1402/06/18 23:07

آموزش CSS Blend Modes: ادغام رنگ‌ها و تصاویر برای طراحی وب جذاب

مطالعه بیشتر
آموزش تگ‌های پیوندی و اتصالی در HTML: ایجاد لینک‌های داخلی و خارجی
1402/05/29 21:03

آموزش تگ‌های پیوندی و اتصالی در HTML: ایجاد لینک‌های داخلی و خارجی

مطالعه بیشتر
Async/Await: نوشتن کدهای خواناتر و ناهم‌زمان در جاوا اسکریپت - آموزش کامل با مثال‌ها
1403/07/30 20:50

Async/Await: نوشتن کدهای خواناتر و ناهم‌زمان در جاوا اسکریپت - آموزش کامل با مثال‌ها

مطالعه بیشتر
استفاده از CSS Scoped و استایل‌دهی به کامپوننت‌ها در Vue.js | آموزش کاربردی
1404/09/23 21:27

استفاده از CSS Scoped و استایل‌دهی به کامپوننت‌ها در Vue.js | آموزش کاربردی

مطالعه بیشتر
آموزش کامل دستور switch-case در PHP (به همراه مثال‌های کاربردی)
1405/04/04 00:08

آموزش کامل دستور switch-case در PHP (به همراه مثال‌های کاربردی)

مطالعه بیشتر
تفاوت Session و Cookie در PHP؛ راهنمای جامع و کاربردی طبق استاندارد گوگل
1405/05/01 20:14

تفاوت Session و Cookie در PHP؛ راهنمای جامع و کاربردی طبق استاندارد گوگل

مطالعه بیشتر
استفاده از Viewports و Viewport Units در CSS: طراحی واکنش‌گرا با vw، vh، vmin و vmax
1403/08/16 22:30

استفاده از Viewports و Viewport Units در CSS: طراحی واکنش‌گرا با vw، vh، vmin و vmax

مطالعه بیشتر
آموزش توسعه و مدیریت پروژه‌های بزرگ در جاوا اسکریپت: آشنایی با ابزارها و فریم‌ورک‌های کاربردی
1403/08/04 19:43

آموزش توسعه و مدیریت پروژه‌های بزرگ در جاوا اسکریپت: آشنایی با ابزارها و فریم‌ورک‌های کاربردی

مطالعه بیشتر

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