אופרטורים חלק א'
אופרטורים אריתמטרים
נועדו על מנת לבצע חישובים מתמטיים בסיסים ומורכבים, השימוש בהם רב לכן כדאי להכיר אותם היטב.
x יהיה שווה ל-5 לצורך ההדגמה
z יהיה שווה ל-2 לצורך ההדגמה
| אופרטור | תיאור | דוגמא | תוצאה |
| + | חיבור | x+z | 7 |
| - | חיסור | x-z | 3 |
| * | כפל | x*z | 10 |
| / | חילוק | x/z | 2.5 |
| % | שארית | x%z | 1 |
| ++ | קידום ב-1 | x++ | 6 |
| -- | פיחות ב-1 | x-- | 1 |
למרות שבקידום ופיחות מספרים (התרגילים האחרונים) אנחנו כותבים את האופרטור פעמיים אך למעשה הקידום הוא באחד - נא לא להתבלבל.
ראו תמונה להמחשה כיצד ביצענו את התרגיל של השארית והדפסנו אותו עם הפקודה write לתוך המסמך וכך זה מוצג בדפדפן:

השארית של המספר 5 (בתוך המשתנה x) של 2 הוא הספרה 1. שאותה הכנסנו לתוך המשתנה y והדפסנו.
אופרטור + בסטרינג
האופרטור פלוס אומנם משמש לפעילות מתמטית אך גם לחיבור של כמה משתנים של מלל וכדומה. למשל אם היו לנו 2 שורות של מלל והיינו רוצים לחבר בניהם היינו משתמשים באופרטור + על מנת לחבר אותם "פיזית" אחד אחרי השני ולא מתמטית.
הנה דוגמא לשלושה משתנים של מלל, בשניים הראשונים יש מלל רגיל (אלו סטרינג) ובשלישי נשתמש באופרטור כדי לחבר בין שניהם ונדפיס.
<script type="text/javascript"> var text1 = "hey this is my "; var text2 = "little test"; var text3 = text1 + text2; document.write(text3); </script>
בתמונה למטה נוכל לראות את ההמחשה היותר מדוייקת, סמנתי לכם גם הכול בצבעים.

האופרטור מסומן באדום בהיר, שני הסטרינגים מסומים בכחול וירוק. רואים כיצד שילבנו אותם אל תוך המשתנה השלישי ולאחר מכן בצענו הדפסה של המשתנה השלישי text3 מכוון שהוא מכיל את החיבור "הפיזי" של שניהם.
ישנו הבדל בין חיבור "פיזי" לחיבור מתמטי והוא מאוד קשור למצב שבו אתם מציבים מרכאות או לא מציבים מרכאות! כך למשל אם לא תציבו מרכאות למספר אז הוא יתפקד כמספר ואם כן תציבו מרכאות אז הוא יתפקד כמלל.
הנה דוגמא לקוד, תראו מתי כן מתבצעת פעולה מתמטית ומתי לא:
<script type="text/javascript"> x=2+2; document.write(x+"<br />"); //print 4 x=2+"2"; document.write(x+"<br />"); //print 22 x="2"+"2"; document.write(x+"<br />"); //print 22 x="2"+2; document.write(x+"<br />"); //print 22 </script>
בהערה בקוד כתבתי לכם מה כל שורת קוד תדפיס לכם, בנוסף בפקודה של ההדפסה הוספתי את התג HTML לירידת שורה br מטעמי נוחות בלבד אז לא להתבלבל. אנחנו בוחנים את התרגיל עצמו של מה שווה ה-x. שימו לב שרק בדוגמה הראשונה החיבור הוא מתמטי, בשאר הדוגמאות יש לנו מרכאות בחלק מהמקרים בשני המספרים ולפעמים רק במספר אחד. וכל השאר מדפיסים לנו 22. שלא תבלבלו 2 ועוד 2 בשום מצב הם לא 22 אבל הם חוברו מבחינה "פיזית" ונכתבים אחד אחרי השני כך שיוצא המספר 22 אך למעשה מדובר במספר 2 שאחריו בא שוב 2 ללא רווח.
אופרטורי העברה
אופרטורי העברה נועדו להעביר ערכים ממשתנה למשתנה, חלקם הם למעשה קיצורי דרך של האופרטורים המתמטיים הקודמים.
בהמשך לדוגמאות ממקודם:
x=5
z=2
| אופרטור | דוגמא | דומה ל.. | תוצאה |
| = | x=z | x=2 | |
| =+ | x+=z | x=x+z | 7 |
| =- | x-=z | x=x-z | 3 |
| =* | x*=z | x=x*z | 10 |
| =/ | x/=z | x=x/z | 2.5 |
| =% | x%=z | x=x/z | 1 |
דוגמאת לקטע קוד:
<script type="text/javascript"> x=2; document.write(x+"<br />"); //print 2 x+=2; document.write(x+"<br />"); //print 4 x-=2; document.write(x+"<br />"); //print 2 x/=2; document.write(x+"<br />"); //print 1 </script>
בהערת קוד כתבתי לכם את התוצאה הרצויה, שימו לב שבתרגילים השלישיים יוצא לנו 4,2,1 בגלל שבתרגיל הראשון הגדרנו ש-x יהיה שווה ל-2. לכן 2 ועוד 2 הם 4 וכן הלאה.
תפריט
מודעה
רשימת מדריכים
- הקדמה ל-Javascript
- צעדים ראשונים
- הדפסת פלט והערות קוד
- משתנים
- אופרטורים חלק א'
- אופרטורים חלק ב'
- תנאים וביטויים
- משפטי switch
- הקפצת הודעות
- פונקציות
- משתנים גלובאלים אל מול לוקאלים
- לולאת for
- לולאות WHILE
- שבירת לולאות
- ארועים
- ניסיון ושגיאה try...catch
- הכנסת תווים מיוחדים
- טיפול בסטרינג
- מערכים חלק א'
- מערכים חלק ב'
- מידע על דפדפן המשתמש
- עבודה עם עוגיות
- תזמון קודים
- יצירת אובייקט
- מאמרים נוספים
- הדפסת כל האובייקט








