7 סוגי מפעילי JavaScript שאתה חייב להכיר

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

במאמר זה תלמדו על אופרטורים שונים ב-JavaScript וכיצד להשתמש בהם עם דוגמאות.

סוגי מפעילי JavaScript

אלו הם האופרטורים השונים שבהם JavaScript תומך:

1. אופרטורים אריתמטיים
2. מפעילי מטלות
3. מפעילי מחרוזת
4. מפעילי השוואה
5. פעולות לוגיות
6. מפעילי Bitwise
7. מפעילים מיוחדים

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

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

מפעיל הוספה (+)

אתה יכול להשתמש באופרטור ההוספה (+) כדי לבצע הוספה על האופרנדים.

תן a = 12;
תן b = 10;
תן תוצאה = a+b;
console.log (תוצאה)
console.log (1+2);
console.log (a+6);

תְפוּקָה:

22
3
18

אופרטור חיסור (-)

השתמש באופרטור החיסור (-) כדי להחסיר את האופרנד הימני מהאופרנד השמאלי.

תן a = 10;
תן b = 4;
תן תוצאה = a-b;
console.log (תוצאה);
console.log (23-20);

תְפוּקָה:

6
3

אופרטור כפל (*)

השתמש באופרטור הכפל (*) כדי להכפיל את האופרנדים.

תן a = 10;
תן b = 4;
תן תוצאה = a*b;
console.log (תוצאה);
console.log (23*20);

תְפוּקָה:

40
460

מפעיל חטיבה (/)

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

תן a = 10;
תן b = 4;
תן תוצאה = a/b;
console.log (תוצאה);
console.log (40/20);

תְפוּקָה:

2.5
2

מפעיל מודולוס (%)

אופרטור המודולוס (%) מחזירה את שארית המספר השלם על ידי צלילה של שני אופרנדים.

תן a = 10;
תן b = 4;
תן תוצאה = a%b;
console.log (תוצאה);
console.log (40%20);

תְפוּקָה:

2
0

אופרטור אקספוננציה (**)

אופרטור האקספונציה (**) מחשב את הבסיס בחזקת מעריך (בסיס^מעריך).

תן a = 3;
console.log (a**4);

תְפוּקָה:

81

הגדל אופרטור (++)

אופרטור ההגדלה (++) מגדיל את הערך השלם באחד.

תן a = 3;
// הערך של a=4 ומחזיר 4
console.log(++a);
// ערך של a=5 ומחזיר 4
console.log (a++);
// ערך של a=5 ומחזיר 5
console.log (א);

תְפוּקָה:

4
4
5

אופרטור ירידה (--)

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

תן a = 3;
// הערך של a=2 ומחזיר 2
console.log(--a);
// הערך של a=1 ומחזיר 2
console.log (a--);
// ערך של a=1 ומחזיר 1
console.log (א);

תְפוּקָה:

2
2
1

Unary Plus Operator(+)

האופרטור האנרי פלוס (+) מנסה להמיר את האופרנד למספר אם הוא עדיין לא כזה.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (false));
console.log (typeof(+false));

תְפוּקָה:

חוּט
מספר
בוליאני
מספר

אופרטור שלילי לא נעים (-)

אופרטור השלילה האנרי (-) מחזיר את השלילה של האופרנד שלו.

תן a = 10;
console.log(-a);

תְפוּקָה:

-10

2. מפעילי משימה

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

מפעיל משימה(=)

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

// הקצאת 10 לא
תן a = 10;
console.log (א);

תְפוּקָה:

10

מפעיל הקצאת תוספת (+=)

מפעיל הקצאת התוספת (+=) משמש להוספת ערכי האופרנד השמאלי והימני ולהקצאת התוצאה לאופרנד השמאלי.

תן a = 10;
תן b = 5;
// שווה ערך ל-a = a+b
a += b;
console.log (א);

תְפוּקָה:

15

מפעיל הקצאת חיסור (-=)

אופרטור הקצאת החיסור (-=) יחסר את האופרנד הימני מהאופרנד השמאלי ויקצה את התוצאה לאופרנד השמאלי.

תן a = 10;
תן b = 5;
// שווה ערך ל-a = a-b
a -= b;
console.log (א);

תְפוּקָה:

5

אופרטור הקצאת כפל (*=)

השתמש באופרטור הקצאת הכפל (*=) כדי להכפיל את ערכי האופרנד השמאלי והימני ולהקצות את התוצאה לאופרנד השמאלי.

תן a = 10;
תן b = 5;
// שווה ערך ל-a = a*b
a *= b;
console.log (א);

תְפוּקָה:

50

מפעיל מטלות חטיבה (/=)

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

תן a = 10;
תן b = 5;
// שווה ערך ל-a = a/b
a /= b;
console.log (א);

תְפוּקָה:

2

מפעיל הקצאת יתר (%=)

מפעיל ההקצאה הנותרת (%=) מחלק את האופרנד השמאלי באופרנד הימני ומקצה את השאר לאופרנד השמאלי.

תן a = 10;
תן b = 5;
// שווה ערך ל-a = a%b
a %= b;
console.log (א);

תְפוּקָה:

0

אופרטור הקצאת מערך (**=)

אופרטור הקצאת האקספונציה (**=) מעלה את האופרנד השמאלי בחזקת האופרנד הימני ומקצה את התוצאה לאופרנד השמאלי.

תן a = 10;
תן b = 5;
// שווה ערך ל-a = a**b
a **= b;
console.log (א);

תְפוּקָה:

100000

אופרטורי ההקצאה סיבית (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) עובדים באופן דומה. תלמד על האופרטורים הביטחוניים בקטעים הקרובים.

קָשׁוּר: מבוא לסוגי נתונים ב-JavaScript

3. מפעילי מיתר

אופרטור השרשור (+) משמש לשרשור (הוספת) מחרוזות.

let result = "Make" + "Use" + "Of";
console.log (תוצאה);

תְפוּקָה:

לעשות שימוש ב

4. מפעילי השוואה

אופרטורי השוואה משמשים להשוואת אופרנדים וזה מחזיר ערך לוגי (נָכוֹן אוֹ שֶׁקֶר) על בסיס השוואה. JavaScript מספק את אופרטורי ההשוואה הבאים:

מפעיל שווה (==)

האופרטור השווה (==) החזרות נָכוֹן אם האופרנדים שווים. זה רק משווה את הערכים של אופרנדים, מתעלם מהסוג שלהם בזמן ההשוואה.

console.log (2==4);
console.log("2"==2);

תְפוּקָה:

שֶׁקֶר
נָכוֹן

מפעיל לא שווה (!=)

אופרטור לא שווה (!=) החזרות נָכוֹן אם האופרנדים אינם שווים. זה גם מתעלם מסוג האופרנדים בזמן ההשוואה.

console.log (2!=4);
console.log (2!="2");

תְפוּקָה:

נָכוֹן
שֶׁקֶר

מפעיל קפדני שווה ()

המפעיל השווה הקפדני () החזרות נָכוֹן אם האופרנדים שווים. הוא משווה את שניהם - הערכים והסוגים של אופרנדים תוך כדי השוואה.

console.log (24);
console.log("2"2);

תְפוּקָה:

שֶׁקֶר
שֶׁקֶר

מפעיל קפדני לא שווה (!==)

האופרטור הקפדני לא שווה (!==) החזרות נָכוֹן אם האופרנדים אינם שווים. זה גם משווה את שניהם - הערכים וסוג האופרנדים בזמן ההשוואה.

console.log (2 !== 4);
console.log (2 !== "2");

תְפוּקָה:

נָכוֹן
נָכוֹן

גדול מהמפעיל (>)

האופרטור הגדול מ(>) מחזירה true אם האופרנד השמאלי גדול מהאופרנד הימני.

console.log (10>4);
console.log (5>5);

תְפוּקָה:

נָכוֹן
שֶׁקֶר

מפעיל גדול או שווה (>=)

האופרטור הגדול או שווה (>=) מחזירה true אם האופרנד השמאלי גדול או שווה לאופרנד הימני.

console.log (10 >= 4);
console.log (5 >= 5);

תְפוּקָה:

נָכוֹן
נָכוֹן

פחות ממפעיל (

המפעיל פחות מאשר (<) מחזירה true אם האופרנד השמאלי קטן מהאופרנד הימני.

console.log (10<4);
console.log (5<5);

תְפוּקָה:

שֶׁקֶר
שֶׁקֶר

מפעיל פחות או שווה (<=)

האופרטור הקטן או שווה (<=) מחזירה true אם האופרנד השמאלי קטן או שווה לאופרנד הימני.

console.log (10 <= 4);
console.log (5 <= 5);

תְפוּקָה:

שֶׁקֶר
נָכוֹן

קָשׁוּר: כיצד לבנות מחשבון פשוט באמצעות HTML, CSS ו-JavaScript

5. פעולות לוגיות

לדברי הפקיד MDN Docs, JavaScript מספק את האופרטורים הלוגיים הבאים:

הגיוני AND (&&)

נוֹהָג: expr1 && expr2

מחזירה expr1 אם ניתן להמיר אותו ל-false; אחרת, מחזירה expr2. בשימוש עם ערכים בוליאניים, && החזרות נָכוֹן אם שני האופרנדים נכונים; אחרת, הוא חוזר שֶׁקֶר.

console.log (true && false);

תְפוּקָה:

שֶׁקֶר

OR לוגי (||)

נוֹהָג: expr1 || expr2

מחזירה expr1 אם ניתן להמיר אותו ל-true; אחרת, מחזירה expr2. בשימוש עם ערכים בוליאניים, || החזרות נָכוֹן אם אחד מהאופרנדים הוא נכון; אם שניהם שקריים, חוזר שֶׁקֶר.

console.log (true || false);

תְפוּקָה:

נָכוֹן

הגיוני לא (!)

נוֹהָג: !expr

החזרות שֶׁקֶר אם ניתן להמיר את האופרנד היחיד שלו ל-true; אחרת, חוזר נָכוֹן.

console.log(!true);

תְפוּקָה:

שֶׁקֶר

6. מפעילי Bitwise

JavaScript מספק את האופרטורים הבאים בשיטת סיביות:

Bitwise AND Operator (&)

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

// בבינארי-
// 4: 100
// 1: 001
console.log (4 ו-1);

תְפוּקָה:

0

Bitwise OR Operator (|)

אופרטור זה מבצע בוליאני אוֹ פעולה על כל סיביות של הארגומנטים השלמים שלו.

console.log (4 | 1);

תְפוּקָה:

5

אופרטור XOR Bitwise (^)

מפעיל זה מבצע בלעדי בוליאני אוֹ פעולה על כל סיביות של הארגומנטים השלמים שלו.

console.log (4 ^ 1);

תְפוּקָה:

5

Bitwise NOT מפעיל (~)

אופרטור זה הופך את כל הביטים באופרנד.

console.log(~4);

תְפוּקָה:

-5

הערה: JavaScript ממירה מספרים למספרים שלמים עם סימנים של 32 סיביות לפני ביצוע פעולה סיבית. וכאשר הפעולה מתבצעת, היא ממירה את התוצאה בחזרה למספרי JavaScript של 64 סיביות.

מפעיל משמרת שמאלה (<

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

console.log (4<<1);

תְפוּקָה:

8

מפעיל הילוך ימני (>>)

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

console.log (4>>1);

תְפוּקָה:

2

7. מפעילים מיוחדים

מפעיל טרנרי

האופרטור השלישוני הוא הקצר של ה הצהרת if-else. הוא מקצה ערך למשתנה על סמך תנאי, התחביר עבור אותו הוא:

מַצָב? value1: value2

אם התנאי נכון, האופרטור מחזיר את הערך של ערך1. אחרת, הוא מחזיר את הערך של ערך2.

לתת לתוצאה = (200>100)? "כן לא";
console.log (תוצאה);

תְפוּקָה:

כן

סוג מפעיל

ה סוג של האופרטור משמש למציאת סוג הנתונים של ערך או משתנה.

console.log (typeof (100));
console.log (typeof("100"));

תְפוּקָה:

מספר
חוּט

השתמש ב-JavaScript One-Liner לקוד כמו מקצוען

אתה יכול לבצע מגוון רחב של פעולות באמצעות שורת קוד אחת בלבד ב-JavaScript. בין אם אתה צריך לערבב מערך, לזהות מצב כהה בדפדפן, ליצור UUID אקראי או למצוא את הממוצע של מערך, אתה יכול להשיג זאת רק עם שורת קוד.

11 JavaScript One Liners שכדאי להכיר

השג הרבה רק עם מעט קוד באמצעות מגוון רחב זה של JavaScript one-liners.

קרא הבא

על הסופר