Використання циклів з масивами (відео версія)

Це просто показ екрану нашої інтерактивної бесіди щодо кодування, готової щоб полегшити створення перекладу і субтитрів. Краще дивитися наші бесіди тут:
https://www.khanacademy.org/cs/programming/

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

Але є дещо, що справді дратує мене.

Кожного разу додаючи нового друга в масив,
мені потрібно ввести нову текстову команду

Скажемо, я додаю Вінстона.

Що ж, він автоматично не виводиться.

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

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

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

І так, ви пам'ятаєте, що ми вчили цикли?

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

Наприклад, якщо б ми хотіли мати купу
дерев в ряд або повітряних куль.

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

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

Вони працюють дуже добре разом.

Отже, використаємо цикл щоб показати імена
моїх друзів замість цих текстових команд

щоб показати що я маю на увазі.

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

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

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

Позиція "y" і цей показник, так? Отже,
кількість друзів та "y" позиція

І як довго нам слід повторюати? Будемо
продовжати до тих пір, поки

не закінчаться друзі.

Отже, тепер ми знаємо, що ми хочемо,
і можемо зробити наш цикл.

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

Так що ми скажемо "var friendNum = 0;"

Ми почнемо з нуля, тому що пам'ятаєте, що
0 є першим елементом в масиві, а не 1.

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

Тоді, поточну змінну лічильника порівняємо
з загальною кількостю речей в масиві

всередині циклу де ми використовуємо
нашу текствову команду.

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

так як"friendNum" відображає поточне чилсо

І тоді ми встановимо одну позицію зараз.

Це дало нам нескінченну помилку циклу,
так як ми нічого не змінили в friendNum.

Пам'ятайте, що нам потрібно збільшувати
friendNum кожен раз, інакше цикл триватиме

вічно, тому що ця умова завжди істинна.

Бачу трапилось щось. Я закоментую старий
код, і я побачу, що сталося.

Зараз ми маємо те, що показали всі імена,
але вони всі один на одному.

Отже, нам потрібно змінити свою позицію у.
тому просто введемо 'friendNum*30'

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

Отже, просто додамо 30 до цього. І тепер
всі вони зміщуються на 30.

Гарно! Так що тепер ви бачите, що у нас є
цикл, що відображає наш масив.

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

навіть Сал і якщо просто додати його в
масив, то він буде моїм другом.

Відмінно! Тепер він мій приятель.

Бачите, що він просто автоматично показує
нових друзів, так як це завжди проходить

через весь масив.

Отже, ми можемо видалити наш старий код.
Нам він більше не потрібний

І давайте просто переглянемо цей код
тут і подивимось, що він робить.

Таким чином, ми починаємо "friendNum"
рівне нулю.

Ми перевіряємо, чи friendNum менше
поточної довжини.

Таким чином, уявіть собі, що 0 менше 6
Це істина.

І тоді всередині тут, ми ввели
text, my freinds friendNum.

І це стане нулем, в перший раз.
А потім 30 плюс нуль помножити на 30.

Код відображає Софію в 10 і 30. Ось що він
робить. А тоді FriendNum ++. стає 1.

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

І так продовжується далі і далі і далі.

Ми нарешті добрались до Сал. Пам'ятайте,
що насправді Сал шостий елемент в масиві,

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

Так що він відображає myFriends 5

І тоді стає шість, і ми говоримо, "шість
менше, ніж шість?" Ні. рівні.

І це буде не істинною. Так що ми ніколи не
покажемо шостий елемент,

це добре, так як немає нічого в індексі
шість.

Є шостий елемент, але нічого в індексі 6.

це можливо досить заплутано, щодо 1 та 0
і робити все це, але ви впораєтесь з цим.

Гаразд. Отже, це наш цикл.

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

Для циклу for введемо 'for,' а потім 'var
friendNum = 0;' і тоді матимемо нашу умову

'friendNum < myFriends.length'

а потім наше зростання: 'friendNum++'

І потім всередині циклу for ми можемо
просто поставити саме цей рядок коду сюди.

І я просто зміню "x" щоб ви побачили
Він робить точно те ж саме.

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

використовувати цикл з масивами,
тому що це зробить вас дуже могутніми.