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

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

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

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

 

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

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

  • عملگرهای ریاضی (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: طراحی و استایل‌دهی ul و ol
10م آبان 1403

آموزش استایل‌دهی لیست‌ها در CSS: طراحی و استایل‌دهی ul و ol

مطالعه بیشتر
معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان
1م آبان 1403

معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان

مطالعه بیشتر
آموزش Emit در Vue.js | انتقال رویداد از کامپوننت فرزند به والد
28م آذر 1404

آموزش Emit در Vue.js | انتقال رویداد از کامپوننت فرزند به والد

مطالعه بیشتر
آموزش جامع توابع بازگشتی (Recursion) و کاربردهای آن در جاوا اسکریپت: مثال‌ها و مفاهیم
29م مهر 1403

آموزش جامع توابع بازگشتی (Recursion) و کاربردهای آن در جاوا اسکریپت: مثال‌ها و مفاهیم

مطالعه بیشتر
آموزش اصول طراحی الگوهای برنامه‌نویسی (Design Patterns) در جاوا اسکریپت: راهنمای جامع با مثال‌ها
4م آبان 1403

آموزش اصول طراحی الگوهای برنامه‌نویسی (Design Patterns) در جاوا اسکریپت: راهنمای جامع با مثال‌ها

مطالعه بیشتر
اصول پایه React.js: آشنایی با کامپوننت‌ها، وضعیت و رندرینگ
28م شهریور 1402

اصول پایه React.js: آشنایی با کامپوننت‌ها، وضعیت و رندرینگ

مطالعه بیشتر
آموزش مفاهیم اولیه CSS Grid Layout: طراحی شبکه‌های پیچیده و واکنش‌گرا راهنمای کامل
6م شهریور 1402

آموزش مفاهیم اولیه CSS Grid Layout: طراحی شبکه‌های پیچیده و واکنش‌گرا راهنمای کامل

مطالعه بیشتر
مقدمه‌ای بر CSS و نحوه اضافه کردن آن به HTML: راهنمای ساده و کامل برای مبتدیان
4م شهریور 1402

مقدمه‌ای بر CSS و نحوه اضافه کردن آن به HTML: راهنمای ساده و کامل برای مبتدیان

مطالعه بیشتر
توابع فلش (Arrow Functions) در جاوا اسکریپت: ساده‌سازی کد با استفاده از ES6
2م شهریور 1403

توابع فلش (Arrow Functions) در جاوا اسکریپت: ساده‌سازی کد با استفاده از ES6

مطالعه بیشتر
آشنایی با Emit در Vue.js | انتقال رویدادها از کامپوننت فرزند به والد
24م آذر 1404

آشنایی با Emit در Vue.js | انتقال رویدادها از کامپوننت فرزند به والد

مطالعه بیشتر
آموزش استفاده از box-shadow و text-shadow در CSS: ایجاد سایه‌های زیبا و جذاب
11م آبان 1403

آموزش استفاده از box-shadow و text-shadow در CSS: ایجاد سایه‌های زیبا و جذاب

مطالعه بیشتر
استفاده از overflow در CSS برای مدیریت محتوای اضافی: راهنمای کامل و کاربردی
11م آبان 1403

استفاده از overflow در CSS برای مدیریت محتوای اضافی: راهنمای کامل و کاربردی

مطالعه بیشتر

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