آموزش رایگان جاوا اسکریپت (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

 

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

 

نتیجه‌گیری

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

تفاوت Data و Computed Properties در Vue.js | آموزش کاربردی و مثال‌محور
21م آذر 1404

تفاوت Data و Computed Properties در Vue.js | آموزش کاربردی و مثال‌محور

مطالعه بیشتر
آموزش توسعه بازی‌های ساده با استفاده از جاوا اسکریپت و Canvas API: راهنمای گام به گام
5م آبان 1403

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

مطالعه بیشتر
آموزش استفاده از position در CSS: نحوه موقعیت‌دهی عناصر در صفحات وب
9م آبان 1403

آموزش استفاده از position در CSS: نحوه موقعیت‌دهی عناصر در صفحات وب

مطالعه بیشتر
آموزش استفاده از تگ‌های تصویری در HTML: نمایش و مدیریت تصاویر در صفحات وب
29م مرداد 1402

آموزش استفاده از تگ‌های تصویری در HTML: نمایش و مدیریت تصاویر در صفحات وب

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

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

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

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

مطالعه بیشتر
مفاهیم Promise و چگونگی استفاده از آن در جاوا اسکریپت: راهنمای کامل همراه با مثال‌ها
30م مهر 1403

مفاهیم Promise و چگونگی استفاده از آن در جاوا اسکریپت: راهنمای کامل همراه با مثال‌ها

مطالعه بیشتر
مقدمه‌ای بر Node.js و کار با جاوا اسکریپت سمت سرور: آموزش اولیه و اصولی
4م آبان 1403

مقدمه‌ای بر Node.js و کار با جاوا اسکریپت سمت سرور: آموزش اولیه و اصولی

مطالعه بیشتر
آموزش استفاده از تگ‌های خاص HTML: تگ‌های کاربردی برای طراحی وب‌سایت
22م مرداد 1402

آموزش استفاده از تگ‌های خاص HTML: تگ‌های کاربردی برای طراحی وب‌سایت

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

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

مطالعه بیشتر
آموزش Pseudo-classes در CSS: تغییر استایل عناصر با hover، focus و nth-child
10م شهریور 1402

آموزش Pseudo-classes در CSS: تغییر استایل عناصر با hover، focus و nth-child

مطالعه بیشتر
آشنایی با Vue CLI و ایجاد پروژه‌های پیشرفته در Vue.js | راهنمای کامل
29م آذر 1404

آشنایی با Vue CLI و ایجاد پروژه‌های پیشرفته در Vue.js | راهنمای کامل

مطالعه بیشتر

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