[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.69,0:00:04.24,Default,,0000,0000,0000,,אבן חן, אבן חן די מתוקה! Dialogue: 0,0:00:04.24,0:00:08.28,Default,,0000,0000,0000,,אבל אתם יודעים מה יותר טוב מאבן אחת, שורה שלמה של אבני חן! Dialogue: 0,0:00:08.28,0:00:12.56,Default,,0000,0000,0000,,וכמובן, עכשיו אנחנו יודעים את הדרך הטובה ביותר ליצור שורה של אבני חן, בעזרת לולאה. Dialogue: 0,0:00:12.56,0:00:16.16,Default,,0000,0000,0000,,אז בואו נשתמש בלולאה כדי ליצור 12 אבני חן בשורה. Dialogue: 0,0:00:16.16,0:00:19.52,Default,,0000,0000,0000,,משמאל לימין על פני המסך. Dialogue: 0,0:00:19.52,0:00:22.30,Default,,0000,0000,0000,,אז כך Dialogue: 0,0:00:22.30,0:00:31.19,Default,,0000,0000,0000,,for(var i שווה 0; i פחות מ- 12;i פלוס פלוס) Dialogue: 0,0:00:31.19,0:00:36.43,Default,,0000,0000,0000,,ואנחנו ניקח את השורה הזאת ונעביר לכאן. Dialogue: 0,0:00:36.43,0:00:40.30,Default,,0000,0000,0000,,אז עכשיו יש לנו 12 אבנים אבל הם בעצם כולם נערמו ממש אחד מעל השני. Dialogue: 0,0:00:40.30,0:00:43.40,Default,,0000,0000,0000,,זכרו, אנחנו רוצים אותם לאורך המסך. Dialogue: 0,0:00:43.40,0:00:45.94,Default,,0000,0000,0000,,זה אומר שאנחנו רוצים לשנות את ה-X Dialogue: 0,0:00:45.94,0:00:49.52,Default,,0000,0000,0000,,36 זה ה-X עכשיו, אבל אנחנו רוצים אותו שונה בכל פעם. Dialogue: 0,0:00:49.52,0:00:51.86,Default,,0000,0000,0000,,זה אומר שאנחנו רוצים שהוא יהיה תלוי ב-i Dialogue: 0,0:00:51.86,0:00:56.33,Default,,0000,0000,0000,,אז מה שנוכל לעשות זה פשוט לכתוב i כפול 36 . Dialogue: 0,0:00:56.33,0:01:02.69,Default,,0000,0000,0000,,אז הראשון הוא ב 0, ולאחר מכן 36, אז 72, וכו'. Dialogue: 0,0:01:02.69,0:01:04.58,Default,,0000,0000,0000,,מגניב! עכשיו יש לנו שורה של אבני חן. Dialogue: 0,0:01:04.58,0:01:07.100,Default,,0000,0000,0000,,וזה סוג של מזכיר לי את הסצנות האלה \Nבאינדיאנה ג'ונס או אלדין Dialogue: 0,0:01:07.100,0:01:11.31,Default,,0000,0000,0000,,שבו הגיבור מגלה אוצר מתחת לאדמה \Nשל אבני חן Dialogue: 0,0:01:11.31,0:01:13.73,Default,,0000,0000,0000,,אבל הם בדרך כלל מוצאים הרבה יותר אבני חן מזה. Dialogue: 0,0:01:13.73,0:01:17.31,Default,,0000,0000,0000,,לא רק שורה של אבני חן, אלא ערימה של אבני חן! Dialogue: 0,0:01:17.31,0:01:21.61,Default,,0000,0000,0000,,אז איך נוכל לגרום לאבני החן לרדת Dialogue: 0,0:01:21.61,0:01:24.81,Default,,0000,0000,0000,,כל הדרך לתחתית המסך? Dialogue: 0,0:01:24.81,0:01:30.64,Default,,0000,0000,0000,,ובכן אנחנו יכולים להתחיל על ידי חזרה על הלולאה בעזרת העתק הדבק. Dialogue: 0,0:01:30.64,0:01:34.56,Default,,0000,0000,0000,,ולשנות את ה-Y בכל פעם Dialogue: 0,0:01:34.56,0:01:37.69,Default,,0000,0000,0000,,ונשנה את זה ל-60 ואז -90. Dialogue: 0,0:01:37.69,0:01:42.31,Default,,0000,0000,0000,,ועכשיו יש לנו שלוש שורות של אבני חן, מגניב. Dialogue: 0,0:01:42.31,0:01:45.50,Default,,0000,0000,0000,,אך זה נהיה ממש משעמם כיוון שכל מה שאני עושה זה Dialogue: 0,0:01:45.50,0:01:49.19,Default,,0000,0000,0000,,העתק הדבק ושינוי דבר אחד קטן. Dialogue: 0,0:01:49.19,0:01:52.86,Default,,0000,0000,0000,,ובדרך כלל בעבר כאשר מצאנו את עצמנו כותבים קוד שחוזר על עצמו כמו זה Dialogue: 0,0:01:52.86,0:01:57.02,Default,,0000,0000,0000,,היינו חושבים, "אולי פשוט נשתמש בלולאה במקום" Dialogue: 0,0:01:57.02,0:01:58.61,Default,,0000,0000,0000,,אבל אנחנו כבר משתמשים בלולאה. Dialogue: 0,0:01:58.61,0:02:03.85,Default,,0000,0000,0000,,אז מה הפיתרון כדי להימנע מלכתוב כך, אתם יודעים, העתק-הדבק? Dialogue: 0,0:02:03.85,0:02:09.52,Default,,0000,0000,0000,,ובכן לזה אנחנו קוראים "לולאה מקוננת", לולאה בתוך לולאה Dialogue: 0,0:02:09.52,0:02:12.13,Default,,0000,0000,0000,,אז מה שאנחנו הולכים לעשות זה להכין לולאה חיצונית Dialogue: 0,0:02:12.13,0:02:14.85,Default,,0000,0000,0000,,וזה מה שהולך לדאוג לירידה לתחתית המסך Dialogue: 0,0:02:14.85,0:02:19.23,Default,,0000,0000,0000,,והלולאה הפנימית שלנו תדאג לעשות את מה שהיא עושה עכשיו Dialogue: 0,0:02:19.23,0:02:21.98,Default,,0000,0000,0000,,שזה ללכת משמאל לימין. Dialogue: 0,0:02:21.98,0:02:24.01,Default,,0000,0000,0000,,תנו לי להראות לכם למה אני מתכוונת. Dialogue: 0,0:02:24.01,0:02:29.85,Default,,0000,0000,0000,,אז לולאת for - ונשתמש במשתנה אחר הפעם, נקרא לו j , כיוון ואנחנו כבר משתמשים ב-i Dialogue: 0,0:02:29.85,0:02:37.27,Default,,0000,0000,0000,,for(var j שווה 0; j פחות מ- 13; j פלוס פלוס) Dialogue: 0,0:02:37.27,0:02:41.100,Default,,0000,0000,0000,,אוקיי, אז זו הולכת להיות הלולאה החיצונית שלנו, שאחראית על הולכה מלמעלה למטה. Dialogue: 0,0:02:41.100,0:02:48.24,Default,,0000,0000,0000,,ואז אנחנו רק הולכים לקחת אחת מהלולאות הקודמות שלנו ולשים אותה בפנים Dialogue: 0,0:02:48.24,0:02:53.27,Default,,0000,0000,0000,,ולתקן את מה שלא נחוץ, נמחק את הישנות. Dialogue: 0,0:02:53.27,0:02:59.11,Default,,0000,0000,0000,,אז עכשיו יש לנו את כולם נערמו על גבי שורה אחת. Dialogue: 0,0:02:59.11,0:03:01.97,Default,,0000,0000,0000,,אז אנחנו רוצים לשנות את ה-Y , נכון? Dialogue: 0,0:03:01.97,0:03:04.31,Default,,0000,0000,0000,,זה מה ששינינו מקודם, כאשר עשינו העתק-הדבק Dialogue: 0,0:03:04.31,0:03:06.11,Default,,0000,0000,0000,,ועכשיו, ה-Y תמיד 90 Dialogue: 0,0:03:06.11,0:03:09.44,Default,,0000,0000,0000,,אנחנו רוצים ש-Y ישתנה בכל שורה. Dialogue: 0,0:03:09.44,0:03:16.19,Default,,0000,0000,0000,,זה בדיוק כמו ש-X תלוי ב-i, אנחנו רוצים את Y שיהיה תלוי ב-j. Dialogue: 0,0:03:16.19,0:03:24.66,Default,,0000,0000,0000,,נוכל ללכת קדימה ולשנות את זה למשהו כמו, אולי, j כפול 30. Dialogue: 0,0:03:24.66,0:03:29.93,Default,,0000,0000,0000,,מעולה! כל כך הרבה אבני חן! Dialogue: 0,0:03:29.93,0:03:31.78,Default,,0000,0000,0000,,בואו נראה מה זה עושה, שוב. Dialogue: 0,0:03:31.78,0:03:38.34,Default,,0000,0000,0000,,הלולאה החיצונית יוצרת משתנה j ומגדילה אותו עד 13. Dialogue: 0,0:03:38.34,0:03:44.34,Default,,0000,0000,0000,,בכל ביצוע של הלולאה החיצונית, זה מריץ את הלולאה הפנימית. Dialogue: 0,0:03:44.34,0:03:48.67,Default,,0000,0000,0000,,הלולאה הפנימית יוצרת משתנה i שגדל עד ל-12. Dialogue: 0,0:03:48.67,0:03:55.36,Default,,0000,0000,0000,,ובעבור כל ביצוע של הלולאה הפנימית, היא מציירת תמונה במיקום x ו-y שמבוסס על i ו-j. Dialogue: 0,0:03:55.36,0:03:59.61,Default,,0000,0000,0000,,וה-i משתנה בתדירות גבוה יותר מה-j בגלל זה Dialogue: 0,0:03:59.61,0:04:05.24,Default,,0000,0000,0000,,בכדי לנסות להבין זאת אפילו טוב יותר, בואו ננסה להמחיש את ערכי i ו-j . Dialogue: 0,0:04:05.24,0:04:09.28,Default,,0000,0000,0000,,אז מה שאני יעשה זה תגובה מתוך תמונה Dialogue: 0,0:04:09.28,0:04:12.03,Default,,0000,0000,0000,,ואז קבע צבע מילוי Dialogue: 0,0:04:12.03,0:04:16.80,Default,,0000,0000,0000,,ואני הולכת להשתמש בפקודת text כדי להראות את ערכו של j - אז text j Dialogue: 0,0:04:16.80,0:04:22.02,Default,,0000,0000,0000,,ואני אכתוב את זה בנקודה המתאימה. אוקיי Dialogue: 0,0:04:22.02,0:04:26.01,Default,,0000,0000,0000,,עכשיו נוכל לראות j הולך מ-0 ל-12. Dialogue: 0,0:04:26.01,0:04:32.02,Default,,0000,0000,0000,,זהו בעצם איפה שהשורות של אבניהחן שלנו הוצבו גם כן. Dialogue: 0,0:04:32.02,0:04:35.68,Default,,0000,0000,0000,,עכשיו נמחיש את i ונראה איך זה משתנה Dialogue: 0,0:04:35.68,0:04:43.07,Default,,0000,0000,0000,,אז ל-i, נבחר צבע שונה. Dialogue: 0,0:04:43.07,0:04:46.48,Default,,0000,0000,0000,,נשים את ה-i במקומו Dialogue: 0,0:04:46.48,0:04:50.27,Default,,0000,0000,0000,,נשנה את ה-x שלו כדי שילך לאורך כל המסך. Dialogue: 0,0:04:50.27,0:04:54.69,Default,,0000,0000,0000,,נעשה אותו דבר עם y. Dialogue: 0,0:04:54.69,0:04:59.56,Default,,0000,0000,0000,,עכשיו נוכל לראות ש-i הולך מ-0 ל-11 Dialogue: 0,0:04:59.56,0:05:04.69,Default,,0000,0000,0000,,וה-i כפי שאמרתי, משתנה בתדירות גבוהה יותר. Dialogue: 0,0:05:04.69,0:05:08.78,Default,,0000,0000,0000,,ושורה זו של הקוד מבוצעת הרבה יותר פעמים מהשורה הזו של הקוד. Dialogue: 0,0:05:08.78,0:05:13.86,Default,,0000,0000,0000,,כיוון ושורה זו של הקוד מבוצעת בכל ביצוע של הלולאה הפנימית. Dialogue: 0,0:05:13.86,0:05:19.53,Default,,0000,0000,0000,,בעוד שהשורה הזאת של הקוד מבוצעת רק עבור ביצוע של הלולאה החיצונית. Dialogue: 0,0:05:19.53,0:05:22.14,Default,,0000,0000,0000,,אז זאת המחשה של i ו-j Dialogue: 0,0:05:22.14,0:05:26.97,Default,,0000,0000,0000,,בתקווה שזה עזר לכם להבין טוב יותר מה קורה בלולאות מקוונות. Dialogue: 0,0:05:26.97,0:05:30.48,Default,,0000,0000,0000,,עכשיו בואו נחזיר את אבני החן, כיוון והן מגניבות יותר! Dialogue: 0,0:05:30.48,0:05:34.07,Default,,0000,0000,0000,,אז יש הרבה שתוכלו לעשות בעזרת לולאות for מקוונות Dialogue: 0,0:05:34.07,0:05:37.23,Default,,0000,0000,0000,,אם אתם רק תחשבו על כל דבר בעולם Dialogue: 0,0:05:37.23,0:05:39.60,Default,,0000,0000,0000,,שנראה כמו לוח דו מימדי, כמו לוח שחמט, Dialogue: 0,0:05:39.60,0:05:44.56,Default,,0000,0000,0000,,הכוכבים על דגל ארה"ב, דפוסים וטפטים מגניבים Dialogue: 0,0:05:44.56,0:05:47.46,Default,,0000,0000,0000,,כדי להתחיל את הדמיון שלכם, פשוט שחקו עם הקוד הזה Dialogue: 0,0:05:47.46,0:05:49.81,Default,,0000,0000,0000,,כמו על ידי שינוי התמונה. Dialogue: 0,0:05:49.81,0:05:53.80,Default,,0000,0000,0000,,אני אתחיל בשינוי התמונה ללב! Dialogue: 0,0:05:53.80,0:05:57.80,Default,,0000,0000,0000,,כדי להראות לכם כמה אני אוהבת לולאות for מקוננות!