Начало работы в JavaScript циклы

Начало работы в JavaScript - циклы

Серия введений в JavaScript продолжается уроком о циклах. Как правило, циклы выполняют серию команд, чтобы удовлетворить условию.

пока цикл

Это один из основных циклов в большинстве языков программирования. Общий синтаксис выглядит следующим образом:

а (условие) {codeToExecute (); }

В скобках мы помещаем условие (в примере это условие переменной) так же, как мы устанавливаем условия для оператора if. И пока это условие выполняется, код, заключенный в фигурные / большие скобки (в примере это функция codeToExecute ()), будет выполняться.

Вот реальный пример:

var age = 5;
while (возраст 18) {alert («Вы еще не можете голосовать. Подождите год, посмотрим, что произойдет.»); age ++; }
alert («Вам уже исполнилось 18 лет — вы можете воспользоваться своим правом голоса»);

В этом примере мы сначала инициализируем возрастную переменную со значением 5, которое образно представляет возраст ребенка..

Затем с помощью цикла while мы проверяем, меньше ли лет 18 и пока они. Каждый раз мы отображаем сообщение о том, что ребенку еще не разрешено голосовать. Когда мы отображаем сообщение, мы добавляем еще один год к его возрасту. Так что в какой-то момент возраст будет равен 18, и цикл прекратится. В конце скрипта мы выводим сообщение о том, что «ребенок» достаточно взрослый, чтобы голосовать..

Использованный выше оператор ++ увеличивает значение переменной на 1. Если переменная имеет целочисленный тип..

Вот еще несколько слов о присвоении значений переменным.

Если у вас есть опыт работы с каким-либо языком программирования, вы можете перейти к циклу for или даже сразу к следующему уроку..

В JavaScript мы присваиваем значение переменной следующим образом:

Читать также:  Deep Linking Часть 3 Исправление для IE7

var intVariable = 1; // целочисленная переменная var numberVariable = 5.55; // переменная типа номер var stringVariable = ‘OK’; // текстовая переменная var booleanVariable = true; // логическая переменная var arrayVariable = [1, 2, 3]; // массив var objectVariable = {свойство: ‘Value’, otherProp: 5}; // объект

При работе с целочисленными переменными у нас есть несколько способов изменить их значение:

intVariable = intVariable + 1; // новое значение равно старому плюс один intVariable + = 1; // короткий способ добиться того же результата intVariable ++; // еще более короткий путь

для цикла

Синтаксис этого цикла следующий:

для (инициировать; условие; после) {codeToExecute (); }

Под инициализацией мы подразумеваем инициализацию переменных, которые используются в цикле. condition — это снова условие, которое должно быть истинным, чтобы тело цикла было выполнено. Тело цикла называется кодом, заключенным в фигурные скобки. С помощью после мы описываем короткое действие, которое будет выполняться в конце каждого блока..

Мы помещаем это в саму инициализацию цикла ясности, потому что это конкретное действие часто может изменить истинность условия повторения цикла..

Вот как мы можем реализовать предыдущий пример с помощью цикла for:

for (var age = 5; age 18; age ++) {alert (‘Вы еще не можете голосовать. Подождите год, посмотрим, что произойдет.’); }
alert («Вам уже исполнилось 18 лет — вы можете воспользоваться своим правом голоса»);

Выглядит короче, не так ли? Это потому, что цикл for разработан для облегчения такой структуры. С его помощью мы можем легко выполнить определенное количество раз один и тот же блок. В конце концов, это снова сводится к циклу while. Первоначальная инициализация переменной age и ее приращение (оператор ++ называется инкрементом) выполняется при описании цикла. Это дает лучшую ясность кода, если мы используем цикл соответствующим образом..

Читать также:  HTML5 & lt; meter & gt; ярлык

for the loop очень подходит для обхода элементов массива. Вот пример того, как мы можем найти сумму всех элементов массива. Давайте сделаем каждый элемент числом в качестве начального условия..

var myArray = [1, 4, 8, 12, 3, 23, 6, 2];
для (var я = 0, сумма = 0; я myArray.length; я ++) {сумма + = myArray [я]; }
предупреждение (сумма);

Вы заметили что-нибудь интересное в коде? Вот несколько примечаний, которые помогут уточнить, если вам что-то непонятно:

Сначала мы создаем новую переменную myArray, для которой устанавливаем серию целочисленных значений..

Затем наступает очередь нашего цикла.

Обратите внимание, что в части инициализации мы фактически устанавливаем значение не только для переменной i, но и для суммы, которую мы будем использовать. Нам просто нужно разделить два запятой, и мы инициализируем обе переменные..

Условием цикла является то, что i должно быть меньше количества элементов в массиве, которое мы берем через длину свойства массива. Каждый массив имеет свойство, равное количеству его элементов..

Наконец, мы устанавливаем приращение i, которое мы хотим выполнять при каждом выполнении тела цикла..

В самом теле мы добавляем следующий элемент массива к сумме.

Доступ к элементам массива можно получить, добавив квадратные / средние скобки к имени переменной, содержащей массив, и установив порядковый номер элемента, который мы хотим в них..

Следует отметить, что этот номер имеет нулевую индексацию. Это означает, что первым элементом на самом деле является myArray [0], а последним — myArray [myArray.length — 1]..

Читать также:  Пользовательский параллакс без какихлибо библиотек

Если номер последнего элемента вас немного смущает — запомните, каковы будут номера элементов массива длиной 3 (позвольте вам сказать — 0, 1 и 2: P).

Когда вы узнаете о нулевой индексации массивов, вы также можете понять, почему мы инициализируем i значением 0 в цикле и почему проверка — это i myArray.length, а не i = myArray.length, которая является проверкой меньше, чем или равно.

Есть и другие способы использования цикла for, но мы рассмотрим их в другой раз..

для в

Этот цикл очень похож на цикл for, но больше ориентирован на объекты, свойства которых мы хотим просмотреть..

Давайте посмотрим на пример:

var person = {age: 18, name: ‘John Doe’};
for (var prop лично) {alert (prop + ‘:’ + person [prop]); }

Изначально мы создаем переменную person, которая представляет собой объект с двумя свойствами — возрастом и именем. Их значения — 18 и Джон Доу соответственно..

В цикле for in мы просматриваем все свойства объекта, и в каждом цикле переменная prop имеет значение имени свойства. Это важно — prop — это не значение данного свойства, а его имя. В нашем цикле у нас будет два выступления тела, первое время будет иметь значение «возраст», а второе — «имя»..

Точно так же, обращаясь к элементам массива по их количеству, мы можем получить доступ к значению свойства объекта через квадратные скобки. Итак, person.age — это то же самое, что и person ["возраст"]. Разница в том, что при использовании квадратных скобок мы можем использовать переменную, значение которой равно age. Таким образом, в нашем цикле person [prop] возвращает значение текущего свойства..

Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?