عملگرها
truthy و falsy را دیدید — یعنی مقدار داخل شرط چطور «بله/نه» حس می‌شود. مهارت بعدی خواندن نمادهایی است که روی مقدار کار می‌کنند: جمع می‌زنند، ذخیره می‌کنند، مقایسه می‌کنند یا چند جواب بله/نه را با هم قاطی می‌کنند. به این نمادها عملگر می‌گوییم. این جلسه یک نقشهٔ خانواده‌ها است، نه غرق شدن در تک‌تک نمادها. جلسات بعدی حساب، مقداردهی، مقایسه و منطقی را جداگانه عمیق می‌کنند.
عملگر در JavaScript یعنی چه؟
عملگر نمادی است (گاهی کلمهٔ کوتاه) که به موتور می‌گوید با یک یا چند مقدار کاری انجام بده. مقدارهایی که رویشان کار می‌شود عملوند نام دارند. در 3 + 4، علامت + عملگر است و 3 و 4 عملوندند. تقریباً در هر خط کد عملگر می‌بینید؛ اول اسم خانواده را بلد باشید تا نمادها تصادفی به‌نظر نرسند.
خانوادهٔ عملگرها (نقشهٔ مبتدی)
📊 خانواده‌های عملگر برای شروع
| خانواده | کار در یک خط | نمونه‌هایی که زود می‌بینید |
|---|---|---|
| حسابی | با عدد حساب کردن | + - * / % |
| مقداردهی | گذاشتن مقدار داخل متغیر | = += |
| مقایسه | پرسیدن سؤال بله/خیر دربارهٔ مقدارها | === !== > < |
| منطقی | ترکیب یا برعکس کردن نتیجهٔ بله/نه | && · OR · ! |
این جدول را دم دست نگه دارید. نماد تازه دیدید؟ بپرسید: مال کدام خانواده است؟ برای روز اول از حفظ کردن لیست غول‌پیکر مفیدتر است.
نگاهی کوتاه به حساب
عملگرهای حسابی بیشتر با عدد کار می‌کنند و مقدار تازه برمی‌گردانند. % باقی‌ماندهٔ تقسیم است — بعداً برای الگوهای «هر Nتا یکی» به‌درد می‌خورد.
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
درس کامل حسابی جلسهٔ بعد است. اینجا فقط خانواده را بشناسید و یک عبارت کوتاه بخوانید.
مقداردهی یعنی ذخیره
= در کلاس ریاضی معنایش «مساوی» نیست. اینجا مقداردهی است: مقدار سمت راست را داخل متغیر سمت چپ بگذار.
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
میان‌برهایی مثل += هم از همین خانواده‌اند؛ در جلسهٔ مقداردهی تمرینشان می‌کنید.
مقایسه سؤال می‌پرسد
عملگر مقایسه جواب بولی می‌دهد: true یا false. برای شروع === (برابری سخت‌گیر) را ترجیح بدهید — هم مقدار را چک می‌کند هم نوع را. درس عمیق‌تر مقایسه بعداً می‌آید.
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" می‌شود false چون عدد و رشته نوع متفاوت‌اند. این ویژگی برابری سخت‌گیر است، نه باگ.
منطقی بله/نه را ترکیب می‌کند
عملگر منطقی با نتیجه‌های شبیه بولی کار می‌کند. && هر دو طرف را truthy می‌خواهد. || حداقل یکی کافی است. ! truthy/falsy را برعکس می‌کند. همان ایدهٔ جلسهٔ قبل؛ فقط این‌بار چند شرط را به هم وصل می‌کنید.
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
مواظب +: جمع یا چسباندن؟
دو عدد کنار + → معمولاً جمع. اگر یک طرف رشته باشد، + اغلب می‌چسباند (الحاق). این را در تبدیل نوع هم دیدید؛ روی نقشهٔ عملگرها هم جایش هست.
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
یک عبارت را روی صفحه نشان دهید
یک عبارت کوتاه می‌تواند متن بازدیدکننده را بسازد. عددها یا مقایسه را عوض کنید و رفرش کنید.
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
اینجا حساب (+)، مقایسه (>=) و چسباندن رشته (+ با متن) با هم کار می‌کنند. در صفحهٔ واقعی همین مخلوط عادی است.
خودتان امتحان کنید
- این‌ها را لاگ کنید:
15 + 4،15 - 4،15 * 4،15 / 4و15 % 4. - بنویسید
let n = 1، بعدn = n + 2، بعدnرا لاگ کنید. 10 === 10و10 === "10"را لاگ کنید.true && falseوtrue || falseرا لاگ کنید."7" + 1را کنار7 + 1بگذارید و فرق را ببینید.- در دموی HTML مقدار
aیاbرا طوری عوض کنید کهokبشودfalse، بعد رفرش کنید.
اشتباه‌های رایج
=را «مساوی» خواندن — این علامت ذخیره می‌کند؛ برای مقایسه===- فکر کردن که
+همیشه جمع می‌زند — یک طرف رشته باشد، اغلب می‌چسباند - حفظ کردن همهٔ نمادها قبل از یاد گرفتن چهار اسم خانواده
- قاطی کردن مقایسه (
===) با منطقی (&&) — کارشان فرق دارد - رد شدن از نقشه و پریدن زودهنگام به عملگرهای پیشرفته
خلاصه
- عملگر روی مقدارها (عملوندها) کار می‌کند
- خانواده‌های شروع: حسابی، مقداردهی، مقایسه، منطقی
=ذخیره می‌کند؛===مقایسه می‌کند؛&&/||/!بله/نه را ترکیب می‌کنند+ممکن است عددها را جمع کند یا رشته‌ها را بچسباند- بعدی: عملگرهای حسابی — نگاه عمیق‌تر به
+-*/%
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید
📝 دستورالعمل‌ها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده می‌شود