المعاملات
تعرف الآن كيف تتصرف القيم في الشرط — truthy و falsy. المهارة التالية: قراءة الرموز التي تعمل على القيم: تجمعها، تخزّنها، تقارنها، أو تجمع إجابات نعم/لا. هذه الرموز هي المعاملات (operators). هذه الجلسة خريطة للعائلات، لا غوصاً في كل رمز. الدروس اللاحقة تعمّق الحساب ثم الإسناد ثم المقارنة ثم المنطق كلّاً على حدة.
ما هو المعامل في JavaScript؟
المعامل رمز (أو كلمة قصيرة) يطلب من JavaScript أن يفعل شيئاً بقيمة أو أكثر. القيم التي يعمل عليها تُسمّى المعاملات العددية / operands. في 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);
اختصارات مثل += من نفس العائلة؛ ستتمرّن عليها في جلسة الإسناد.
المقارنة تطرح سؤالاً
معاملات المقارنة تُرجع boolean: 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ثم حدّث الصفحة.
أخطاء شائعة
- قراءة
=كـ «يساوي» — هي تخزين؛ للمقارنة استخدم=== - توقع أن
+يجمع دائماً — إن وُجد نص فغالباً يلصق - حفظ كل الرموز قبل تعلّم أسماء العائلات الأربع
- خلط المقارنة (
===) مع المنطق (&&) — مهمتان مختلفتان - تجاوز الخريطة والقفز مبكراً لمعاملات متقدمة
خلاصة
- المعامل يعمل على القيم (الأطراف)
- عائلات البداية: حسابية، إسناد، مقارنة، منطقية
=يخزّن؛===يقارن؛&&/||/!تدمج نعم/لا+قد يجمع أرقاماً أو يلصق نصوصاً- التالي: العمليات الحسابية — نظرة أعمق على
+-*/%
🧠 اختبر معرفتك
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى