WEBVTT

00:00:00.943 --> 00:00:04.238
Ми повернулися до програми, що виводить
масив моїх друзів.

00:00:04.238 --> 00:00:06.497
Але є дещо, що справді дратує мене.

00:00:07.007 --> 00:00:11.295
Кожного разу додаючи нового друга в масив,
мені потрібно ввести нову текстову команду

00:00:11.295 --> 00:00:13.378
Скажемо, я додаю Вінстона.

00:00:13.378 --> 00:00:15.211
Що ж, він автоматично не виводиться.

00:00:15.211 --> 00:00:19.765
Якщо я хочу, щоб він, щоб показався, мені
слід ввести 'text(myFriends[3]',а потім

NOTE Paragraph

00:00:19.765 --> 00:00:24.669
змінити положення у, і тоді ми побачимо,
Вїнстона. Так що це занадто багато роботи.

00:00:24.852 --> 00:00:30.767
Я хочу щоб кожного разу додаючи когось в
масив команда тексту вводилась автоматично

00:00:31.717 --> 00:00:34.736
І так, ви пам'ятаєте, що ми вчили цикли?

00:00:34.736 --> 00:00:38.138
Цикли є чудовим способом щоб повторити той
самий кусочок коду багато разів підряд.

00:00:38.138 --> 00:00:43.273
Наприклад, якщо б ми хотіли мати купу
дерев в ряд або повітряних куль.

00:00:43.273 --> 00:00:49.628
Як виявилось, цикли це хороший спосіб щоб
запустити код по кожному елементі в масиві

00:00:49.628 --> 00:00:53.768
Насправді, ви будете використовувати цикл
майже зажди, коли ви використовуєте масив.

00:00:53.768 --> 00:00:56.188
Вони працюють дуже добре разом.

00:00:57.378 --> 00:01:01.566
Отже, використаємо цикл щоб показати імена
моїх друзів замість цих текстових команд

00:01:01.566 --> 00:01:03.736
щоб показати що я маю на увазі.

00:01:03.736 --> 00:01:07.155
Тому, ми розпочнемо з трьох питань які ми
ставимо собі кожного разу створюючи цикл.

00:01:07.385 --> 00:01:11.625
По-перше, що я хочу повторити. Подивимось
тут. Що повторюється? текстова команда.

00:01:13.035 --> 00:01:16.248
Що я хочу змінювати кожного разу?
Отже, подивлюсь, що відрізняється.

00:01:16.248 --> 00:01:25.248
Позиція "y" і цей показник, так? Отже,
кількість друзів та "y" позиція

00:01:25.879 --> 00:01:29.200
І як довго нам слід повторюати? Будемо
продовжати до тих пір, поки

00:01:29.200 --> 00:01:31.230
не закінчаться друзі.

00:01:33.570 --> 00:01:37.230
Отже, тепер ми знаємо, що ми хочемо, 
і можемо зробити наш цикл.

00:01:37.230 --> 00:01:40.718
Ми починаємо зі змінною лічильника, щоб
відстежувати, де ми знаходимося в циклі.

00:01:40.718 --> 00:01:43.978
Так що ми скажемо "var friendNum = 0;"

00:01:44.378 --> 00:01:49.751
Ми почнемо з нуля, тому що пам'ятаєте, що
0 є першим елементом в масиві, а не 1.

00:01:50.118 --> 00:01:57.196
Тоді у нас є умовний цикл. Отже ми введемо
"while(friendNum < my friends.length)".

00:01:57.516 --> 00:02:02.522
Тоді, поточну змінну лічильника порівняємо
з загальною кількостю речей в масиві

00:02:02.522 --> 00:02:06.032
всередині циклу де ми використовуємо
нашу текствову команду.

00:02:06.342 --> 00:02:11.188
Отже, введемо:"text(myFriends[" а тоді
тут замість числа, поставимо "friendNum"

00:02:11.188 --> 00:02:13.880
так як"friendNum" відображає поточне чилсо

00:02:13.880 --> 00:02:17.961
І тоді ми встановимо одну позицію зараз.

00:02:17.961 --> 00:02:25.120
Це дало нам нескінченну помилку циклу,
так як ми нічого не змінили в friendNum.

00:02:25.120 --> 00:02:29.090
Пам'ятайте, що нам потрібно збільшувати
friendNum кожен раз, інакше цикл триватиме

00:02:29.090 --> 00:02:32.020
вічно, тому що ця умова завжди істинна.

00:02:32.590 --> 00:02:38.421
Бачу трапилось щось. Я закоментую старий
код, і я побачу, що сталося.

00:02:38.421 --> 00:02:43.607
Зараз ми маємо те, що показали всі імена, 
але вони всі один на одному.

00:02:43.607 --> 00:02:49.466
Отже, нам потрібно змінити свою позицію у.
тому просто введемо 'friendNum*30'

00:02:49.466 --> 00:02:54.791
Добре, але Софія за екраном і вона 
не буде дуже радою дізнавшись про це.

00:02:54.791 --> 00:02:59.109
Отже, просто додамо 30 до цього. І тепер 
всі вони зміщуються на 30.

00:02:59.109 --> 00:03:03.898
Гарно! Так що тепер ви бачите, що у нас є 
цикл, що відображає наш масив.

00:03:03.898 --> 00:03:08.344
І це означає, що якщо ми додамо більше
таких людей, як OhNoEsGuy, або можливо

00:03:08.344 --> 00:03:11.399
навіть Сал і якщо просто додати його в 
масив, то він буде моїм другом.

00:03:11.399 --> 00:03:13.591
Відмінно! Тепер він мій приятель.

00:03:14.551 --> 00:03:19.136
Бачите, що він просто автоматично показує
нових друзів, так як це завжди проходить

00:03:19.136 --> 00:03:20.327
через весь масив.

00:03:21.097 --> 00:03:23.978
Отже, ми можемо видалити наш старий код.
Нам він більше не потрібний

00:03:23.978 --> 00:03:27.773
І давайте просто переглянемо цей код
тут і подивимось, що він робить.

00:03:28.063 --> 00:03:31.491
Таким чином, ми починаємо "friendNum" 
рівне нулю.

00:03:31.491 --> 00:03:34.412
Ми перевіряємо, чи friendNum менше
поточної довжини.

00:03:34.412 --> 00:03:37.534
Таким чином, уявіть собі, що 0 менше 6
Це істина.

00:03:37.534 --> 00:03:41.765
І тоді всередині тут, ми ввели
text, my freinds friendNum.

00:03:41.765 --> 00:03:47.082
І це стане нулем, в перший раз.
А потім 30 плюс нуль помножити на 30.

00:03:47.082 --> 00:03:56.295
Код відображає Софію в 10 і 30. Ось що він
робить. А тоді FriendNum ++. стає 1.

00:03:56.295 --> 00:04:00.021
Потім він йде назад знову і каже: "Добре,
чи 1 менше, ніж myFriends.length? Звісно"

00:04:00.021 --> 00:04:01.856
І так продовжується далі і далі і далі.

00:04:02.108 --> 00:04:07.694
Ми нарешті добрались до Сал. Пам'ятайте, 
що насправді Сал шостий елемент в масиві,

00:04:07.694 --> 00:04:13.296
але його показник 5, так як ми починаємо
з нуля. Отже, п'ять менше за шість? Звісно

00:04:13.296 --> 00:04:15.462
Так що він відображає myFriends 5

00:04:15.462 --> 00:04:21.628
І тоді стає шість, і ми говоримо, "шість
менше, ніж шість?" Ні. рівні.

00:04:21.628 --> 00:04:25.440
І це буде не істинною. Так що ми ніколи не
покажемо шостий елемент,

00:04:25.440 --> 00:04:29.272
це добре, так як немає нічого в індексі 
шість.

00:04:29.272 --> 00:04:32.772
Є шостий елемент, але нічого в індексі 6.

00:04:32.772 --> 00:04:39.250
це можливо досить заплутано, щодо 1 та 0
і робити все це, але ви впораєтесь з цим.

00:04:39.630 --> 00:04:41.402
Гаразд. Отже, це наш цикл.

00:04:41.402 --> 00:04:46.255
Тепер, якщо хочете, можете використовувати
цикл for, якщо ви віддаєте перевагу їм.

00:04:46.485 --> 00:04:54.142
Для циклу for введемо 'for,' а потім 'var
friendNum = 0;' і тоді матимемо нашу умову

00:04:54.142 --> 00:04:57.237
'friendNum < myFriends.length'

00:04:58.437 --> 00:05:01.672
а потім наше зростання: 'friendNum++'

00:05:01.672 --> 00:05:06.711
І потім всередині циклу for ми можемо
просто поставити саме цей рядок коду сюди.

00:05:06.711 --> 00:05:12.125
І я просто зміню "x" щоб ви побачили
Він робить точно те ж саме.

00:05:12.125 --> 00:05:15.695
Отже, це залижить від вас, який з них ви
використовуєте, але справа в тому, щоб

00:05:15.695 --> 00:05:19.115
використовувати цикл з масивами, 
тому що це зробить вас дуже могутніми.