אינדקס מדריך JAVASCRIPT

אופרטורים חלק א'

 

אופרטורים חלק א'

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

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

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

x יהיה שווה ל-5 לצורך ההדגמה
z יהיה שווה ל-2 לצורך ההדגמה

אופרטורתיאורדוגמאתוצאה
+חיבורx+z7
-חיסורx-z3
*כפלx*z10
/חילוקx/z2.5
%שאריתx%z1
++קידום ב-1x++6
--פיחות ב-1x--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+=zx=x+z7
=-x-=zx=x-z3
=*x*=zx=x*z10
=/x/=zx=x/z2.5
=%x%=zx=x/z1


דוגמאת לקטע קוד:

			<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 וכן הלאה.