חיפוש ]

אופרטורים בג'אווה סקריפט – כל מה שצריך לדעת

אופרטורים (operators) בג'אווה סקריפט הם ״סמלים״ המשמשים לביצוע פעולות על משתנים וערכים. הם מהווים את עמוד השדרה של כל לוגיקה ואריתמטיקה בסקריפטים שאתם כותבים (או עתידים לכתוב). בפוסט זה נחקור את הסוגים השונים של אופרטורים ב-JavaScript ונציג דוגמאות להמחשת השימוש באלו.

אופרטורים אריתמטיים

אופרטורים אריתמטיים משמשים לביצוע חישובים מתמטיים, כגון חיבור, חיסור, כפל וחילוק.

אופרטורתיאורדוגמה
+חיבורlet sum = 10 + 5;   // 15
חיסורlet difference = 10 – 5;   // 5
*כפלlet product = 10 * 5;   // 50
/חילוקlet quotient = 10 / 5;   // 2
%מודולו (שארית)let remainder = 10 % 3;   // 1

מידע נוסף

1. חיבור (+)

מחבר שני ערכים.

let sum = 10 + 5; // 15
    

2. חיסור (-)

מחסיר ערך אחד מערך אחר.

let difference = 10 - 5; // 5
    

3. כפל (*)

מכפיל שני ערכים.

let product = 10 * 5; // 50
    

4. חילוק (/)

מחלק ערך אחד באחר.

let quotient = 10 / 5; // 2
    

5. מודולו (%)

מחזיר את השארית של חילוק.

let remainder = 10 % 3; // 1
    

אופרטורים של השמה

אופרטורים של השמה מקצים ערכים למשתנים ומאפשרים להגדיר או לעדכן את את הערך של משתנה כזה או אחר.

אופרטורתיאורדוגמה
=השמהlet x = 10;
+=השמת חיבורx += 5; // x = x + 5;   // 15
-=השמת חיסורx -= 3; // x = x – 3;   // 7
*=השמת כפלx *= 2; // x = x * 2;   // 20
/=השמת חילוקx /= 2; // x = x / 2;   // 5

מידע נוסף

1. השמה (=)

מקצה ערך למשתנה.

let x = 10;
    

2. השמת חיבור (+=)

מחבר ומקצה ערך למשתנה.

x += 5; // x = x + 5; // 15
    

3. השמת חיסור (-=)

מחסיר ומקצה ערך למשתנה.

x -= 3; // x = x - 3; // 7
    

4. השמת כפל (*=)

מכפיל ומקצה ערך למשתנה.

x *= 2; // x = x * 2; // 20
    

5. השמת חילוק (/=)

מחלק ומקצה ערך למשתנה.

x /= 2; // x = x / 2; // 5
    

אופרטורים להשוואה

אופרטורים אלו משווים בין שני ערכים ומחזירים תוצאה בוליאנית (אמת או שקר) המאפשרת להעריך תנאים בקוד.

אופרטורתיאורדוגמה
==שווה לlet isEqual = (5 == '5'); // true
===שווה בהחלטlet isStrictEqual = (5 === '5'); // false
!=שונה מlet isNotEqual = (5 != '5'); // false
!==שונה בהחלטlet isStrictNotEqual = (5 !== '5'); // true
>גדול מlet isGreater = (10 > 5); // true
<קטן מlet isLess = (10 < 5); // false
>=גדול או שווה לlet isGreaterOrEqual = (10 >= 10); // true
<=קטן או שווה לlet isLessOrEqual = (10 <= 5); // false

מידע נוסף

1. שווה ל (==)

בודק אם שני ערכים שווים.

let isEqual = (5 == '5'); // true
    

2. שווה בהחלט (===)

בודק אם שני הערכים והסוגים שלהם שווים.

let isStrictEqual = (5 === '5'); // false
    

3. שונה מ (!=)

בודק אם שני הערכים אינם שווים.

let isNotEqual = (5 != '5'); // false
    

4. שונה בהחלט (!==)

בודק אם שני הערכים והסוגים שלהם אינם שווים.

let isStrictNotEqual = (5 !== '5'); // true
    

5. גדול מ (>)

בודק אם ערך אחד גדול מאחר.

let isGreater = (10 > 5); // true
    

6. קטן מ (<)

בודק אם ערך אחד קטן מאחר.

let isLess = (10 < 5); // false
    

7. גדול או שווה ל (>=)

בודק אם ערך אחד גדול או שווה לאחר.

let isGreaterOrEqual = (10 >= 10); // true
    

8. קטן או שווה ל (<=)

בודק אם ערך אחד קטן או שווה לאחר.

let isLessOrEqual = (10 <= 5); // false
    

אופרטורים לוגיים

אופרטורים לוגיים משמשים לשילוב ביטויים בוליאניים מרובים, ומאפשרים הערכה של תנאים מורכבים.

אופרטורתיאורדוגמה
&&וגם לוגיlet andResult = (true && false); // false
||או לוגיlet orResult = (true || false); // true
!לא לוגיlet notResult = !true; // false

מידע נוסף

1. ״וגם״ לוגי (&&)

מחזיר true אם שני הביטויים נכונים.

let andResult = (true && false); // false
    

2. ״או״ לוגי (||)

מחזיר true אם אחד מהביטויים נכון.

let orResult = (true || false); // true
    

3. ״לא״ לוגי (!)

הופך את הערך הבוליאני של הביטוי.

let notResult = !true; // false
    

סיכום

אופרטורים הם כלי חיוני לביצוע פעולות שונות בקוד. הבנה ושימוש נכון באלו יסייעו לכם לכתוב סקריפטים יעילים וקריאים יותר. נסו לעבוד עם אופרטורים אלו ולשלב אותם בפרויקטים שלך.

רועי יוסף
רועי יוסף

מפתח אתרים ותבניות וורדפרס יעודייות על בסיס עיצוב. אוהב טיפוגרפיה, צבעים ומה שבינהם ומכוון לספק אתרים רספונסיבים עם ביצועים גבוהים, מותאמים למנועי חיפוש ובעלי קוד ולידי, סמנטי ונקי.

0 תגובות...

תגובה חדשה

הוסיפו קוד באמצעות הכפתורים מטה. למשל, בכדי להוסיף PHP לחצו על הכפתור PHP והוסיפו את הקוד בתוך השורטקוד. מצאתם שגיאה בפוסט? עדכנו אותנו...