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

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

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

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

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

 

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

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

  • عملگرهای ریاضی (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

 

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

 

نتیجه‌گیری

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش جامع حلقه‌های for و while در جاوا اسکریپت: نحوه استفاده و کاربردها

آموزش جامع حلقه‌های for و while در جاوا اسکریپت: نحوه استفاده و کاربردها

2م بهمن 1402

مطالعه بیشتر

آموزش قالب‌بندی متن در HTML: استفاده از تگ‌ها و CSS برای استایل‌دهی

آموزش قالب‌بندی متن در HTML: استفاده از تگ‌ها و CSS برای استایل‌دهی

23م مرداد 1402

مطالعه بیشتر

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

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

11م آبان 1403

مطالعه بیشتر

آموزش کامل ویژگی background در CSS: تنظیمات پس‌زمینه برای طراحی وب راهنمای جامع

آموزش کامل ویژگی background در CSS: تنظیمات پس‌زمینه برای طراحی وب راهنمای جامع

5م شهریور 1402

مطالعه بیشتر

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

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

28م شهریور 1402

مطالعه بیشتر

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

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

9م آبان 1403

مطالعه بیشتر

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

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

3م آبان 1403

مطالعه بیشتر

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

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

27م شهریور 1402

مطالعه بیشتر

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

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

4م شهریور 1402

مطالعه بیشتر

آموزش ساخت Toggle Switch با CSS: طراحی دکمه‌های تغییر وضعیت جذاب و واکنش‌گرا

آموزش ساخت Toggle Switch با CSS: طراحی دکمه‌های تغییر وضعیت جذاب و واکنش‌گرا

16م آبان 1403

مطالعه بیشتر

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

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

30م مهر 1403

مطالعه بیشتر

آموزش تکنیک‌های پیشرفته CSS Grid: طراحی ساختارهای پیچیده و واکنش‌گرا

آموزش تکنیک‌های پیشرفته CSS Grid: طراحی ساختارهای پیچیده و واکنش‌گرا

18م شهریور 1402

مطالعه بیشتر

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