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

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

 

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

 

نتیجه‌گیری

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

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

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

9م آبان 1403

مطالعه بیشتر

آشنایی با Inheritance در CSS: اصول وراثت و مدیریت استایل‌ها

آشنایی با Inheritance در CSS: اصول وراثت و مدیریت استایل‌ها

12م آبان 1403

مطالعه بیشتر

آموزش کامل توابع سازنده (Constructors) و پروتوتایپ‌ها (Prototypes) در جاوا اسکریپت: راهنمای جامع

آموزش کامل توابع سازنده (Constructors) و پروتوتایپ‌ها (Prototypes) در جاوا اسکریپت: راهنمای جامع

28م مهر 1403

مطالعه بیشتر

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

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

10م شهریور 1402

مطالعه بیشتر

کنترل زمان‌بندی و اندازه‌گیری دقیق انیمیشن‌ها در CSS: آموزش جامع و اصول استاندارد

کنترل زمان‌بندی و اندازه‌گیری دقیق انیمیشن‌ها در CSS: آموزش جامع و اصول استاندارد

18م شهریور 1402

مطالعه بیشتر

JSX و رندرینگ مؤثر در React.js: بهینه‌سازی کامپوننت‌ها و بهبود عملکرد

JSX و رندرینگ مؤثر در React.js: بهینه‌سازی کامپوننت‌ها و بهبود عملکرد

28م شهریور 1402

مطالعه بیشتر

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

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

28م مهر 1403

مطالعه بیشتر

کاربرد تگ‌های meta، title و keywords در سئو: راهنمای جامع بهینه‌سازی وب‌سایت

کاربرد تگ‌های meta، title و keywords در سئو: راهنمای جامع بهینه‌سازی وب‌سایت

25م مرداد 1402

مطالعه بیشتر

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

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

18م شهریور 1402

مطالعه بیشتر

آموزش استفاده از ماژول‌ها (Modules) در جاوا اسکریپت: آشنایی با ES6 Modules - راهنمای کامل

آموزش استفاده از ماژول‌ها (Modules) در جاوا اسکریپت: آشنایی با ES6 Modules - راهنمای کامل

5م آبان 1403

مطالعه بیشتر

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

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

30م مهر 1403

مطالعه بیشتر

استفاده از setTimeout و setInterval در جاوا اسکریپت: آموزش کامل و مثال‌ها

استفاده از setTimeout و setInterval در جاوا اسکریپت: آموزش کامل و مثال‌ها

29م مهر 1403

مطالعه بیشتر

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