25-02-06, 21:04 | # 1 |
משתמש - היכל התהילה
|
[מדריך] JavaScript - לולאות ובקרת זרימה
ג'אווה סקריפט - JavaScript לולאות ותחברי כתיבה הלולאה משתמש לבצע רצף של פעולות מספר פעמים שנו מגדרים בתוכנית, ושוב בדומה לשפות שונות כגון: Java,#VC,PHP גם ל JavaScript יש מספר מבני לולאות. בלולאה תוכל להעזר בהצגת מחרוזת טאקסט מ'ס פעמים (לדגומא 4). וזה חוסך בכל שלא נצטרך לרשום אותו דבר כמה פעמיים אלא פשוט לעשות לולאה שתרשום את זה מספר פעמיים. לולאת while קוד קטן להמחשה: HTML קוד:
<script type="text/javascript"> while(condition) { JavaScript statement(s) } </script> הלולאה מתבצעת כל עוד condition שרשום בין הסוגריים קיים או מחזיר חיובי הוא ימשיך לבצע את הלולאה. הערה - אם יש תוצאה שלילת ללולאה הוא לא יציג כלום פשוט זה ישאר כמו שהוא בקוד והוא לא יפריע להמשך הדברים, אלא עם כן הגדרים משהו בנוסף. לולאה אין סופית הנה דוגמא בקוד ללולאה אין סופית HTML קוד:
<script type="text/javascript"> var cs = 0 ; while(cs < 3) { document.write(cs + "<br />") ; } </script> וזה החזיר T ולכן זה מדפיס את המשתנה. הדוגמה שנרשמה תפעל לנצח ויתקל תשובה חיובית זה יציג את זה שוב ושוב ושוב .. במידה והנך מעוניין להגביל את המספר הפעמיים שלולאה תרוץ אז ניתן לעשות HTML קוד:
<script type="text/javascript"> var a ; a = 1 ; while (a < 20) { document.write(a + "<br />") ; a = a + 1 } </script> אופרטור מקוצר ניתן לקבוע ערך למשתנה במספר דרכים, ואחת מהן היא להשתמש באופרטור מקוצר הנה דוגמא קטנה בקוד - HTML קוד:
<script type="text/javascript"> var loos ; loos = 1 ; while (loos < 20) { document.write(loos++ + "<br /><hr>") ; } </script> הוספתי <hr>. כאשר אנו מציגים משתנה אנו יכולים לשנות גם את ערכו. הפעולה loos++ גרמה לכך שלערכו של המשתנה loos יתווסף ערך 1 ואחר כך ערכו ישלח לשיטת write() משפטים זהים המשפטים הבאים הם זהיים לגמרי ! HTML קוד:
coument.write(loos++) ; ^^ document.write(loos) ; ^^ loos = loos + 1 ; HTML קוד:
document.write(++loos) ; ^^ loos = loos + 1 ; ^^ document.write(loos) ; לולאת for הנה דוגמא קטנה לסוג של לולאת for: HTML קוד:
for (initial varibale value ; condition ; varible change) { javascript statement(s) } שימו לב שהפרדתי את כל חלקי הלולאה בנקודה פסיק ( הנה עוד דוגמא לקוד אבל הפעם עם ערכיים מספריים: HTML קוד:
<script type="text/javascript"> var evil; for(evil = 3; evil < 60 ; evil++) { document.write(evil + "<br />") ; } </script> ולא חייב להגדיר ערך למשתנה לפני הלולאה (כמו שלמדנו באמצעות הכלי var) הסיבה הזאות זה כיוון ש JS היא שפה חופשית ולכן היא שפה מוערצת ! ויש עוד דרך לעשות זאות HTML קוד:
for(var evil = 5 ; evil < 9 ; evil++) לולאות מקוננות - לפעמים יש צורך לשלב בין לולאות כלומר שצריך להכניס בתוך לולאה עוד לולאה, אבל דברים כאלה יכולים ליגרום להרבה בילבול ולכן מומלץ לכתוב הכל בכתיב מסודר! הנה דוגמא קטנה: HTML קוד:
<script language="javascript"> var rn; var cl; for (rn = 1 ; rn < 10 ; rn++) { for(cl = 1; cl < 6 ; cl++) { document.write("[" + rn + "," + cl + "]" + " ") ; } document.write("<br \>") ; } </script כשינגשים לכתיבת קוד יש קודם כל לתכנן את מהלך פעולת הלולאה. שימו לב למשתנים שהגדרתי ואיפה הם נכנסים בלולאות מזה לדעתי אפשר להבין הכי הרבה. אם עדיין לא הבנתם את הקטע נעשה עוד דוגמא קטנה: HTML קוד:
<script language="javascript"> var a; var b; for (a = 1 ; a <= 10 ; a++) { for(b = 1 ; b <= 1 ; b++) { document.write(a*b + " ") ; } document.write("<br \>") ; } </script> ושהגדרנו 10 => a הוא רץ עד מספר עשר כלומר כאן נקבעת גודל הריצה בלולאה השניה הגדרנו באותו צורה גם את b לאחר מכן הכפלנו את a ב- b ולאחר מכן הדפסנו. יש גם אפשרות למספר עד מאה פשוט להחליף את השורה HTML קוד:
for(b = 1 ; b <= 1 ; b++) HTML קוד:
for(b = 1 ; b <= 10 ; b++) if - זה תנאי. לדוגמא אפשר לעשות אם 3 גדול יותר מ 1 אז תדפיס לנו We Winner ואם הוא קטן הוא ידפיס We Lose הנה דוגמא קטנה בקוד: HTML קוד:
<script type="text/javascript"> if(1<3) { document.write("We the Winners =]") ; } else { document.write("We lose =[") ; } </script> הפעולה נרשמת בין הסוגריים if (here) אם התנאי מתבצע הוא ידפיס מה שיש אחרי הסוגריים המסולסלים ואם התוצאה לא נכונה (זה מה שעושה else) זה ידפיס מה שיש אחרי הסוגריים שאחריו. שוב יש פה את העניין של ה true or false. הנה עוד דוגמה קטנה שימוש תנאי if עם משתנים. HTML קוד:
<script type="text/javascript"> var a; a = 3; if (a == 3) { document.write("yes its true a = 3") ; } </script> וכמובן כמו שראייתם בקוד אפשרי במשתנים וסמני השווה (אופרטורים) כאן הגדרתי את a שיהיה שווה ל- 3 ואז עשית אם a שווה ל-3 אז שזה ידפיס yes its true a = 3 וכמובן אם אין לנו מה להרחיב (כלומר שאחרי התנאי זה רק שורה אחד אחת וכנ"ל לגבי ה else) ניתן לעשות גם בצורה כזאות: HTML קוד:
<script type="text/javascript"> var a; a = 3; if (a == 3) document.write("yes its true a = 3") ; else document.write("no its fale a /= 3") ; </script> ניתן לעשות שני תנאים מחוברים לדוגמא: HTML קוד:
<script type="text/javascript"> var i; i = 3; var a; a = 6; if(i ==3 && a==4) { document.write("Yes im the best") } else { document.write(i + "<br /> שלילי") } </script> HTML קוד:
<script language="javascript"> var i; for(i = 0 ; i < 5 ; i++) { if(i ==3) { break; } else { document.write(i + "<br />") } } </script> הפקודה break הוא פקודה הפסקה, במקרה שלנו היא מפסיקה את ריצת הלולאה ולכן זה סופר רק עד 3. משפט switch בדיקת switch, היא בדיקה חלופית לתנאי if כגון לבדוק ערכים או להשוות ערכים הנה דוגמא קטנה : HTML קוד:
<script type="text/javascript"> var i ; i = 11; switch(i) { case 11 : document.write("its 11") ; break; case 19 : document.write("its 19") ; break; case hello : document.write("its hello =]") ; break; } </script> חשוב לדעת שאחרי ה case לא שמתי נקודה פסיק אלא נקודותיים רגילות לאחר שהגדרתי את ה case הוספתי פקודה להדפסה וכמובן הוא ידפיס את הערך שהוא באמת שווה ל i. בתסריט עצרתי את כל ה case בעזרת פקודת break זה עוצר אותם וכמובן גם ב switch יש גם את הפקודה ואם לא (כמו שמוכר לנו בif - else) HTML קוד:
<script type="text/javascript"> var i ; i = 01; switch(i) { case 11 : document.write("its 11") ; break; case 19 : document.write("its 19") ; break; default : document.write("else =]") ; break; } </script> היא בעצם ממש כמו else שהכרנו בתנאי if אם כל הקייסים לא נכונים הוא מבצע מה שיש ב default ואם לא הגדרתם default כלשהו, זה לא ידפיס כלום. מדריך זה נכתב למטרת עזר ולימוד משתמשים, ואם אתה חושבים שהעקתי מ GuideMaster אז טעיתם =] אני אישרתי לטל להעתיק לשם את המדריך בהצלחה לכולם ואני מקווה שהמדריך באמת יעזור לכם !
__________________
|
25-02-06, 21:20 | # 2 |
הוסטסניון
|
אחללה מדריך
|
26-02-06, 11:46 | # 3 |
מתאורר / יצא בחוץ
|
פשש איזה השקעה שקד, כל הכבוד אחי.
|
26-02-06, 12:13 | # 4 |
תודה על תרומתך.
|
אוהב אותך שקד
|
חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים) | |
Tags |
מבוא, מדריך למתחילים, מדריך js |
כלים לאשכול | |
תצורת הצגה | |
|
|