[מדריך] JavaScript - לולאות ובקרת זרימה
ג'אווה סקריפט - JavaScript לולאות ותחברי כתיבה הלולאה משתמש לבצע רצף של פעולות מספר פעמים שנו מגדרים בתוכנית, ושוב בדומה לשפות שונות כגון: Java,#VC,PHP גם ל JavaScript יש מספר מבני לולאות. בלולאה תוכל להעזר בהצגת מחרוזת טאקסט מ'ס פעמים (לדגומא 4). וזה חוסך בכל שלא נצטרך לרשום אותו דבר כמה פעמיים אלא פשוט לעשות לולאה שתרשום את זה מספר פעמיים. לולאת while קוד קטן להמחשה: HTML קוד:
<script type="text/javascript"> הלולאה מתבצעת כל עוד condition שרשום בין הסוגריים קיים או מחזיר חיובי הוא ימשיך לבצע את הלולאה. הערה - אם יש תוצאה שלילת ללולאה הוא לא יציג כלום פשוט זה ישאר כמו שהוא בקוד והוא לא יפריע להמשך הדברים, אלא עם כן הגדרים משהו בנוסף. לולאה אין סופית הנה דוגמא בקוד ללולאה אין סופית HTML קוד:
<script type="text/javascript"> וזה החזיר T ולכן זה מדפיס את המשתנה. הדוגמה שנרשמה תפעל לנצח ויתקל תשובה חיובית זה יציג את זה שוב ושוב ושוב .. במידה והנך מעוניין להגביל את המספר הפעמיים שלולאה תרוץ אז ניתן לעשות HTML קוד:
<script type="text/javascript"> אופרטור מקוצר ניתן לקבוע ערך למשתנה במספר דרכים, ואחת מהן היא להשתמש באופרטור מקוצר הנה דוגמא קטנה בקוד - HTML קוד:
<script type="text/javascript"> הוספתי <hr>. כאשר אנו מציגים משתנה אנו יכולים לשנות גם את ערכו. הפעולה loos++ גרמה לכך שלערכו של המשתנה loos יתווסף ערך 1 ואחר כך ערכו ישלח לשיטת write() משפטים זהים המשפטים הבאים הם זהיים לגמרי ! HTML קוד:
coument.write(loos++) ; HTML קוד:
document.write(++loos) ; לולאת for הנה דוגמא קטנה לסוג של לולאת for: HTML קוד:
for (initial varibale value ; condition ; varible change) שימו לב שהפרדתי את כל חלקי הלולאה בנקודה פסיק (;) הנה עוד דוגמא לקוד אבל הפעם עם ערכיים מספריים: HTML קוד:
<script type="text/javascript"> ולא חייב להגדיר ערך למשתנה לפני הלולאה (כמו שלמדנו באמצעות הכלי var) הסיבה הזאות זה כיוון ש JS היא שפה חופשית ולכן היא שפה מוערצת ! ויש עוד דרך לעשות זאות HTML קוד:
for(var evil = 5 ; evil < 9 ; evil++) לולאות מקוננות - לפעמים יש צורך לשלב בין לולאות כלומר שצריך להכניס בתוך לולאה עוד לולאה, אבל דברים כאלה יכולים ליגרום להרבה בילבול ולכן מומלץ לכתוב הכל בכתיב מסודר! הנה דוגמא קטנה: HTML קוד:
<script language="javascript"> כשינגשים לכתיבת קוד יש קודם כל לתכנן את מהלך פעולת הלולאה. שימו לב למשתנים שהגדרתי ואיפה הם נכנסים בלולאות מזה לדעתי אפשר להבין הכי הרבה. אם עדיין לא הבנתם את הקטע נעשה עוד דוגמא קטנה: HTML קוד:
<script language="javascript"> ושהגדרנו 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 (here) אם התנאי מתבצע הוא ידפיס מה שיש אחרי הסוגריים המסולסלים ואם התוצאה לא נכונה (זה מה שעושה else) זה ידפיס מה שיש אחרי הסוגריים שאחריו. שוב יש פה את העניין של ה true or false. הנה עוד דוגמה קטנה שימוש תנאי if עם משתנים. HTML קוד:
<script type="text/javascript"> וכמובן כמו שראייתם בקוד אפשרי במשתנים וסמני השווה (אופרטורים) כאן הגדרתי את a שיהיה שווה ל- 3 ואז עשית אם a שווה ל-3 אז שזה ידפיס yes its true a = 3 וכמובן אם אין לנו מה להרחיב (כלומר שאחרי התנאי זה רק שורה אחד אחת וכנ"ל לגבי ה else) ניתן לעשות גם בצורה כזאות: HTML קוד:
<script type="text/javascript"> ניתן לעשות שני תנאים מחוברים לדוגמא: HTML קוד:
<script type="text/javascript"> HTML קוד:
<script language="javascript"> הפקודה break הוא פקודה הפסקה, במקרה שלנו היא מפסיקה את ריצת הלולאה ולכן זה סופר רק עד 3. משפט switch בדיקת switch, היא בדיקה חלופית לתנאי if כגון לבדוק ערכים או להשוות ערכים הנה דוגמא קטנה : HTML קוד:
<script type="text/javascript"> חשוב לדעת שאחרי ה case לא שמתי נקודה פסיק אלא נקודותיים רגילות לאחר שהגדרתי את ה case הוספתי פקודה להדפסה וכמובן הוא ידפיס את הערך שהוא באמת שווה ל i. בתסריט עצרתי את כל ה case בעזרת פקודת break זה עוצר אותם וכמובן גם ב switch יש גם את הפקודה ואם לא (כמו שמוכר לנו בif - else) HTML קוד:
<script type="text/javascript"> היא בעצם ממש כמו else שהכרנו בתנאי if אם כל הקייסים לא נכונים הוא מבצע מה שיש ב default ואם לא הגדרתם default כלשהו, זה לא ידפיס כלום. מדריך זה נכתב למטרת עזר ולימוד משתמשים, ואם אתה חושבים שהעקתי מ GuideMaster אז טעיתם =] אני אישרתי לטל להעתיק לשם את המדריך בהצלחה לכולם ואני מקווה שהמדריך באמת יעזור לכם ! 8-) |
אחללה מדריך |winky| |לב|
|
פשש איזה השקעה שקד, כל הכבוד אחי.
|
אוהב אותך שקד :)
|
כל הזמנים הם GMT +2. הזמן כעת הוא 18:00. |
מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ