Return to Video

לולאות מקוננות (גירסת ווידאו)

  • 0:02 - 0:04
    אבן חן, אבן חן די מתוקה!
  • 0:04 - 0:08
    אבל אתם יודעים מה יותר טוב מאבן אחת, שורה שלמה של אבני חן!
  • 0:08 - 0:13
    וכמובן, עכשיו אנחנו יודעים את הדרך הטובה ביותר ליצור שורה של אבני חן, בעזרת לולאה.
  • 0:13 - 0:16
    אז בואו נשתמש בלולאה כדי ליצור 12 אבני חן בשורה.
  • 0:16 - 0:20
    משמאל לימין על פני המסך.
  • 0:20 - 0:22
    אז כך
  • 0:22 - 0:31
    for(var i שווה 0; i פחות מ- 12;i פלוס פלוס)
  • 0:31 - 0:36
    ואנחנו ניקח את השורה הזאת ונעביר לכאן.
  • 0:36 - 0:40
    אז עכשיו יש לנו 12 אבנים אבל הם בעצם כולם נערמו ממש אחד מעל השני.
  • 0:40 - 0:43
    זכרו, אנחנו רוצים אותם לאורך המסך.
  • 0:43 - 0:46
    זה אומר שאנחנו רוצים לשנות את ה-X
  • 0:46 - 0:50
    36 זה ה-X עכשיו, אבל אנחנו רוצים אותו שונה בכל פעם.
  • 0:50 - 0:52
    זה אומר שאנחנו רוצים שהוא יהיה תלוי ב-i
  • 0:52 - 0:56
    אז מה שנוכל לעשות זה פשוט לכתוב i כפול 36 .
  • 0:56 - 1:03
    אז הראשון הוא ב 0, ולאחר מכן 36, אז 72, וכו'.
  • 1:03 - 1:05
    מגניב! עכשיו יש לנו שורה של אבני חן.
  • 1:05 - 1:08
    וזה סוג של מזכיר לי את הסצנות האלה
    באינדיאנה ג'ונס או אלדין
  • 1:08 - 1:11
    שבו הגיבור מגלה אוצר מתחת לאדמה
    של אבני חן
  • 1:11 - 1:14
    אבל הם בדרך כלל מוצאים הרבה יותר אבני חן מזה.
  • 1:14 - 1:17
    לא רק שורה של אבני חן, אלא ערימה של אבני חן!
  • 1:17 - 1:22
    אז איך נוכל לגרום לאבני החן לרדת
  • 1:22 - 1:25
    כל הדרך לתחתית המסך?
  • 1:25 - 1:31
    ובכן אנחנו יכולים להתחיל על ידי חזרה על הלולאה בעזרת העתק הדבק.
  • 1:31 - 1:35
    ולשנות את ה-Y בכל פעם
  • 1:35 - 1:38
    ונשנה את זה ל-60 ואז -90.
  • 1:38 - 1:42
    ועכשיו יש לנו שלוש שורות של אבני חן, מגניב.
  • 1:42 - 1:45
    אך זה נהיה ממש משעמם כיוון שכל מה שאני עושה זה
  • 1:45 - 1:49
    העתק הדבק ושינוי דבר אחד קטן.
  • 1:49 - 1:53
    ובדרך כלל בעבר כאשר מצאנו את עצמנו כותבים קוד שחוזר על עצמו כמו זה
  • 1:53 - 1:57
    היינו חושבים, "אולי פשוט נשתמש בלולאה במקום"
  • 1:57 - 1:59
    אבל אנחנו כבר משתמשים בלולאה.
  • 1:59 - 2:04
    אז מה הפיתרון כדי להימנע מלכתוב כך, אתם יודעים, העתק-הדבק?
  • 2:04 - 2:10
    ובכן לזה אנחנו קוראים "לולאה מקוננת", לולאה בתוך לולאה
  • 2:10 - 2:12
    אז מה שאנחנו הולכים לעשות זה להכין לולאה חיצונית
  • 2:12 - 2:15
    וזה מה שהולך לדאוג לירידה לתחתית המסך
  • 2:15 - 2:19
    והלולאה הפנימית שלנו תדאג לעשות את מה שהיא עושה עכשיו
  • 2:19 - 2:22
    שזה ללכת משמאל לימין.
  • 2:22 - 2:24
    תנו לי להראות לכם למה אני מתכוונת.
  • 2:24 - 2:30
    אז לולאת for - ונשתמש במשתנה אחר הפעם, נקרא לו j , כיוון ואנחנו כבר משתמשים ב-i
  • 2:30 - 2:37
    for(var j שווה 0; j פחות מ- 13; j פלוס פלוס)
  • 2:37 - 2:42
    אוקיי, אז זו הולכת להיות הלולאה החיצונית שלנו, שאחראית על הולכה מלמעלה למטה.
  • 2:42 - 2:48
    ואז אנחנו רק הולכים לקחת אחת מהלולאות הקודמות שלנו ולשים אותה בפנים
  • 2:48 - 2:53
    ולתקן את מה שלא נחוץ, נמחק את הישנות.
  • 2:53 - 2:59
    אז עכשיו יש לנו את כולם נערמו על גבי שורה אחת.
  • 2:59 - 3:02
    אז אנחנו רוצים לשנות את ה-Y , נכון?
  • 3:02 - 3:04
    זה מה ששינינו מקודם, כאשר עשינו העתק-הדבק
  • 3:04 - 3:06
    ועכשיו, ה-Y תמיד 90
  • 3:06 - 3:09
    אנחנו רוצים ש-Y ישתנה בכל שורה.
  • 3:09 - 3:16
    זה בדיוק כמו ש-X תלוי ב-i, אנחנו רוצים את Y שיהיה תלוי ב-j.
  • 3:16 - 3:25
    נוכל ללכת קדימה ולשנות את זה למשהו כמו, אולי, j כפול 30.
  • 3:25 - 3:30
    מעולה! כל כך הרבה אבני חן!
  • 3:30 - 3:32
    בואו נראה מה זה עושה, שוב.
  • 3:32 - 3:38
    הלולאה החיצונית יוצרת משתנה j ומגדילה אותו עד 13.
  • 3:38 - 3:44
    בכל ביצוע של הלולאה החיצונית, זה מריץ את הלולאה הפנימית.
  • 3:44 - 3:49
    הלולאה הפנימית יוצרת משתנה i שגדל עד ל-12.
  • 3:49 - 3:55
    ובעבור כל ביצוע של הלולאה הפנימית, היא מציירת תמונה במיקום x ו-y שמבוסס על i ו-j.
  • 3:55 - 4:00
    וה-i משתנה בתדירות גבוה יותר מה-j בגלל זה
  • 4:00 - 4:05
    בכדי לנסות להבין זאת אפילו טוב יותר, בואו ננסה להמחיש את ערכי i ו-j .
  • 4:05 - 4:09
    אז מה שאני יעשה זה תגובה מתוך תמונה
  • 4:09 - 4:12
    ואז קבע צבע מילוי
  • 4:12 - 4:17
    ואני הולכת להשתמש בפקודת text כדי להראות את ערכו של j - אז text j
  • 4:17 - 4:22
    ואני אכתוב את זה בנקודה המתאימה. אוקיי
  • 4:22 - 4:26
    עכשיו נוכל לראות j הולך מ-0 ל-12.
  • 4:26 - 4:32
    זהו בעצם איפה שהשורות של אבניהחן שלנו הוצבו גם כן.
  • 4:32 - 4:36
    עכשיו נמחיש את i ונראה איך זה משתנה
  • 4:36 - 4:43
    אז ל-i, נבחר צבע שונה.
  • 4:43 - 4:46
    נשים את ה-i במקומו
  • 4:46 - 4:50
    נשנה את ה-x שלו כדי שילך לאורך כל המסך.
  • 4:50 - 4:55
    נעשה אותו דבר עם y.
  • 4:55 - 5:00
    עכשיו נוכל לראות ש-i הולך מ-0 ל-11
  • 5:00 - 5:05
    וה-i כפי שאמרתי, משתנה בתדירות גבוהה יותר.
  • 5:05 - 5:09
    ושורה זו של הקוד מבוצעת הרבה יותר פעמים מהשורה הזו של הקוד.
  • 5:09 - 5:14
    כיוון ושורה זו של הקוד מבוצעת בכל ביצוע של הלולאה הפנימית.
  • 5:14 - 5:20
    בעוד שהשורה הזאת של הקוד מבוצעת רק עבור ביצוע של הלולאה החיצונית.
  • 5:20 - 5:22
    אז זאת המחשה של i ו-j
  • 5:22 - 5:27
    בתקווה שזה עזר לכם להבין טוב יותר מה קורה בלולאות מקוונות.
  • 5:27 - 5:30
    עכשיו בואו נחזיר את אבני החן, כיוון והן מגניבות יותר!
  • 5:30 - 5:34
    אז יש הרבה שתוכלו לעשות בעזרת לולאות for מקוונות
  • 5:34 - 5:37
    אם אתם רק תחשבו על כל דבר בעולם
  • 5:37 - 5:40
    שנראה כמו לוח דו מימדי, כמו לוח שחמט,
  • 5:40 - 5:45
    הכוכבים על דגל ארה"ב, דפוסים וטפטים מגניבים
  • 5:45 - 5:47
    כדי להתחיל את הדמיון שלכם, פשוט שחקו עם הקוד הזה
  • 5:47 - 5:50
    כמו על ידי שינוי התמונה.
  • 5:50 - 5:54
    אני אתחיל בשינוי התמונה ללב!
  • 5:54 - 5:58
    כדי להראות לכם כמה אני אוהבת לולאות for מקוננות!
Title:
לולאות מקוננות (גירסת ווידאו)
Description:
more » « less
Video Language:
English
Duration:
06:00

Hebrew subtitles

Revisions

Our website uses cookies for analysis purposes.