الجزء الرابع – العمليات الحسابية والمنطقية في JavaScript – سلسلة FSWD – JS

ahmedمنذ 4 أسابيع

0 129 2 دقائق

✅ العمليات الحسابية والمنطقية في JavaScript

✳️ الجزء الأول: العمليات الحسابية (Arithmetic Operators)

بنستخدم العمليات الحسابية للتعامل مع الأرقام (Numbers)، وزي ما في الرياضة، عندنا

الرمز	المعنى	مثال	النتيجة
`+`	جمع	`5 + 3`	`8`
`-`	طرح	`5 - 3`	`2`
`*`	ضرب	`5 * 3`	`15`
`/`	قسمة	`6 / 2`	`3`
`%`	باقي القسمة	`5 % 2`	`1` (لأن 5 ÷ 2 = 2 والباقي 1)

✅ مثال على العمليات الحسابية

let a = 10;
let b = 3;

console.log("a + b =", a + b); // 13
console.log("a - b =", a - b); // 7
console.log("a * b =", a * b); // 30
console.log("a / b =", a / b); // 3.333...
console.log("a % b =", a % b); // 1

✳️ الجزء الثاني: العمليات المقارنة (Comparison Operators)

دي بتستخدم علشان تسأل سؤال يرجع لك true أو false
زي “هل الرقم ده أكبر من التاني؟”، أو “هل القيمتين دول زي بعض؟

الرمز	المعنى	مثال	النتيجة
`<`	أصغر من	`5 < 10`	true
`>`	أكبر من	`5 > 10`	false
`<=`	أصغر من أو يساوي	`5 <= 5`	true
`>=`	أكبر من أو يساوي	`5 >= 6`	false
`==`	يساوي (لكن بيهمل نوع البيانات)	`"5" == 5`	true ⚠️
`===`	يساوي بالضبط (قيمة ونوع البيانات)	`"5" === 5`	false ✅
`!=`	لا يساوي	`5 != 3`	true
`!==`	لا يساوي تمامًا (قيمة ونوع)	`"5" !== 5`	true ✅

✅ الفرق بين == و === مهم جدًا:

console.log("5" == 5);   // true 😬 (لأن JavaScript بتحول الأنواع)
console.log("5" === 5);  // false ✅ (لأن النوع مختلف: string vs number)

✳️ الجزء الثالث: العمليات المنطقية (Logical Operators)

دي بتستخدم لما تكون عايز تتحكم في أكتر من شرط مع بعض

الرمز	المعنى	مثال	النتيجة
`&&`	و (AND): لازم الشرطين يكونوا true	`true && true`	true
`		`	أو (OR): لو واحد بس true
`!`	نفي (NOT): يعكس القيمة	`!true`	false

✅ أمثلة منطقية

let age = 20;
let hasLicense = true;

console.log(age >= 18 && hasLicense); // true
console.log(age >= 18 || hasLicense); // true
console.log(!hasLicense);             // false

✅ 💯 مثال كامل يضم الحسابات والمقارنات والمنطق:

<!DOCTYPE html>
<html>
<head>
  <title>العمليات في JavaScript</title>
</head>
<body>

  <h2>افتح الكونسول (F12) وشوف النتائج</h2>

  <script>
    let x = 10;
    let y = 3;

    // العمليات الحسابية
    console.log("x + y =", x + y);
    console.log("x - y =", x - y);
    console.log("x * y =", x * y);
    console.log("x / y =", x / y);
    console.log("x % y =", x % y);

    // المقارنات
    console.log("x < y =", x < y);
    console.log("x > y =", x > y);
    console.log("x == '10' =", x == "10");    // true
    console.log("x === '10' =", x === "10");  // false
    console.log("x != 5 =", x != 5);          // true
    console.log("x !== 10 =", x !== 10);      // false

    // العمليات المنطقية
    let isStudent = true;
    let hasID = false;

    console.log("isStudent && hasID =", isStudent && hasID); // false
    console.log("isStudent || hasID =", isStudent || hasID); // true
    console.log("!hasID =", !hasID);                         // true
  </script>

</body>
</html>

لو شغلت الكود ده وفتحت الكونسول، هتشوف كل العمليات مطبوعة خطوة بخطوة