PracticU

לולאות ב-Javascript

בלי כתוביותעם כתוביות
PracticU › קורס Javascript כולל JQuery › לולאות ב-Javascript
מילון מושגים:
לולאה - מבנה בקרה שחוזר על קטע קוד שוב ושוב כל עוד תנאי מתקיים או עבור כל פריט באוסף.
JavaScript - שפת תכנות שרצה בעיקר בדפדפן ומוסיפה אינטראקטיביות לדפי אינטרנט. רצה גם בצד השרת באמצעות Node.js.
תנאי - ביטוי לוגי בקוד שתוצאתו אמת או שקר, וקובע אילו פקודות יתבצעו בהתאם לערכו.
משתנה - שם שמפנה למקום בזיכרון שבו נשמר ערך שיכול להשתנות במהלך ריצת התוכנית, כמו מספר, טקסט או אובייקט.

לולאות ב-Javascript
לולאה מריצה קטע קוד שוב ושוב, כך שלא צריך להעתיק שורות זהות. השיעור מציג את שלוש הלולאות הבסיסיות ב-JavaScript.
השלבים העיקריים
1. למה צריך לולאה: באתר PracticU יש כמה סרטונים בתוך תיבה, ורוצים להחיל על כולם את אותו עיצוב. במקום לכתוב את הקוד לכל אחד, עוברים עליהם בלולאה אחת.
2. while: הלולאה מתבצעת כל עוד התנאי מתקיים, והתנאי נבדק לפני כל סיבוב. בדוגמה מציגים את num ומגדילים אותו ב-num++ עד שהוא מגיע ל-5.
3. do while: הפקודות מתבצעות לפחות פעם אחת, ורק אחר כך נבדק התנאי. זה מתאים כשצריך לקלוט קלט מהמשתמש לפחות פעם אחת.
4. for: הלולאה הנפוצה ביותר, ויש בה ארבעה חלקים: אתחול של משתנה הלולאה (בדרך כלל i), שמתבצע פעם אחת, בדיקת התנאי, פקודות הלולאה ולבסוף קידום המשתנה. הקידום יכול להיות ב-1 או בערך אחר.
פקודות והגדרות
while (num <= 5), num++, do { ... } while (num <= 5), for (i = 1; i <= num; i++).
שימו לב
לולאת do while רצה לפחות פעם אחת, גם אם התנאי שגוי מההתחלה. לולאות while ו-for לא יבצעו אף סיבוב אם התנאי לא מתקיים מלכתחילה.
השיעור מסתיים ביכולת לבחור את הלולאה המתאימה למצב, ולהריץ קטע קוד על פריטים רבים בלי לחזור על עצמנו.
השיעור הבא בקורס: פונקציות ב-Javascript
מילון מושגים:
קוד מקור - הקוד שמפתחים כותבים בשפת תכנות, לפני הידור, המגדיר את פעולת התוכנה.
Java - שפת תכנות עילית ומונחית עצמים, הרצה על מכונה וירטואלית (JVM) ומשמשת לפיתוח מגוון יישומים.

להורדת קוד מקור של כל הדוגמאות בקורס  JAVA SCRIPT למתחילים -לחץ כאן לתלמידי המכללה בלבד

להורדת קוד מקור של כל הדוגמאות בקורס  JAVA SCRIPT למתקדמים- לחץ כאן לתלמידי המכללה בלבד

פרקי ההרצאה: לולאות ב-Javascript

  1. 00:00

    הכרת לולאות

  2. 00:39

    דוגמה מהסרטונים באתר

  3. 01:33

    לולאת while

  4. 02:35

    לולאת do while

  5. 03:09

    ההבדל בין while ל-do while

תמלול ההרצאה: לולאות ב-Javascript

הטקסט המלא של הדקות הראשונות בהרצאה «לולאות ב-Javascript» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

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

  2. 00:13

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

  3. 00:25

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

  4. 00:38

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

  5. 00:50

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

  6. 01:14

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

  7. 01:36

    אנחנו הולכים פשוט לרשום while ואיזשהו תנאי בתוכה לדוגמה num קטן שווה 5. פתיחת בלוק, סגירת בלוק ופקודות שאנחנו יכולים לרשום בתוך הלולאה. לדוגמה alert num ונקדם את num ב-1.

  8. 01:58

    יש לנו את האופרטור קיצור++ שיכול להחליף את num שווה ל-num+1 על ידי זה שאנחנו רושמים num++ בדיוק כמו שהיינו רושמים ב-c-sharp או ב-sp.net. כעת מה שאמרנו זה כל עוד num יותר קטן או שווה ל-5 תבצע את הפקודות האלה.

  9. 02:15

    num בהתחלה שווה 1 זאת אומרת ש-5 פעמים הפקודות האלה יתבצעו. בואו נבדוק את זה. ונקבל 1, 2, 3, 4 ו-5.

  10. 02:32

    לולאה נוספת שאנחנו יכולים לעשות זה לולאת do while. אז אנחנו רושמים do, פותחים סוגרים בלוק ולבסוף רושמים while ואת התנאי.

  11. 02:50

    בואו ניקח את אותו התנאי num קטן שווה ל-5. את הפקודות אנחנו רושמים בתוך הבלוק. לדוגמה alert num ו-num++ בכדי שבאיזשהו שלב אנחנו גם נסיים את הלולאה. לולאת do עושה דברים דומים ללולאת while אבל אבל ההבדל הוא שבלולת while דבר ראשון המחשב בודק את התנאי, אם התנאי יתקיים הוא יבצע את הלולה, זאת אומרת שיכול להיות שעל

  12. 03:18

    ההתחלה התנאי לא מתקיים בלולת while ולכן הוא לא יבצע פעם אחת את הפקודות. לולת do while קודם כל הוא מבצע את הפקודות פעם אחת לפחות ואז בודק את התנאי, זאת אומרת שהפקודות האלה חייבים להתבצע לפחות פעם אחת.

  13. 03:32

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

לקורס המלא: קורס Javascript אונליין

ההרצאה הקודמת: תנאי If-Then-Else ב-Javascript

ההרצאה הבאה: פונקציות ב-Javascript

הרצאות קשורות מקורסים אחרים

  • תרגול לולאות
  • לולאות While - חלק 1
  • לולאות - for - while
  • Javascript in JavaSelenium

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס TypeScript
  • קורס ריאקט - React
  • קורס NodeJS