Андрей Малышев

Циклы без заданного количества итераций в JavaScript

2020-06-03T18:23:35.943Z

Есть задачи, в которых количество итераций цикла не известно заранее. К примеру: дано число, нужно делить его на 2 столько раз, пока результат не станет меньше 10. Нужно вывести число, которое при этом получится.

В этом случае мы не знаем количество итераций. Не беда - сделаем условием цикла условие пока число больше 10:

Использования цикла for:

Для решения задачи из начала урока можно использовать и цикл for, но особым образом - без тела:

Обратите внимание на то, что переменная num объявлена через var - это нужно для того, чтобы переменная была доступна после цикла.

Работа с флагами в JavaScript

2020-06-02T20:38:25.446Z

Флаг - это специальная переменная, которое может принимать только два значения: true и false. С помощью флагов можно решать задачи, проверяющие отсутствие чего-либо: можно проверить, что в массиве нет элемента с определенным значением.

Попробуем решить следующую задачу: у нас есть массив с числами, нужно проверить, есть ли в нем элемент со значением 4 или нет. Если есть - выведем "Присутствует!", если нет - выведем "Отсутствует!".

Для начала давайте попробуем вывести "Присутствует!". Для этого переберем все элементы нашего массива и с помощью if будем спрашивать - равен ли текущий элемент значению 4. Если равен - выведем "Присутствует!":

Наше решение не очень хорошее: поскольку, если в массиве будет не одно значение 4, а несколько, то "Присутствует!" выведется несколько раз. Давайте исправим наш массив и сделаем два элемента со значением 4,чтобыубедится в этом:

Давайте теперь попробуем сделать так, чтобы, если в массиве вообще нет элементов со значением 4, выводилось "Отсутствует!". Распространенным заблуждением будет добавить else к нашему if - в этом случае "Отсутствует!" будет выводиться на все элементы, не являющиеся 4:

Идея добавить else - плохая идея, не рабочая. Для решения задач подобного типа и используют так называемые флаги.

Давайте сделаем переменную flag с таким значением: если она равна true, то в массиве есть элемент 4, а если false, то такого элемента нет.

Затем запустим цикл с if так, как мы делали это раньше. Если цикл обнаружит, что в массиве есть элемент 4 - то поставим переменную flag в значение true и выйдем из цикла с помощью break.

после цикла переменная flag могла остаться false или могла сменить свое значение на true, если цикл обнаружил в массиве 4.

Теперь после цикла мы можем сделать if, который посмотрит на переменную flag и выведет на экран "Присутствует!" или "Отсутствует!":

Инструкция break в JavaScript

2020-06-01T18:22:32.370Z

Допустим у нас есть вот такой цикл, выводящий в консоль элементы массива:

Перед нами стоит задача определить, есть ли в массиве число 4. Если есть - выведем в консоль слово "есть!".

Есть проблема: после того, как число 4 уже найдено, массив все равно продолжает бессмысленно перебираться дальше замедляя работу нашего скрипта.

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

Инструкция break может завершать любые циклы: обычный for, while и так далее.

Перебор массивов циклом for-of и перебор объектов циклом for-in в JavaScript

2020-05-31T20:33:41.622Z

Перебор массива циклом for-of:

В ES6 (EcmaScript 6) появился новый цикл for-of, предназначенный конкретно для перебора массивов.

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

Перебор объекта циклом for-in:

Существует похожий цикл for-in, предназначенный для перебора объектов.

Просмотрим пример:

Цикл for для массивов в JavaScript

2020-05-30T18:31:52.414Z

Пусть у нас есть следующий массив:

Сейчас мы сделаем так, чтобы не вручную выводить каждый элемент, а это сделал за нас цикл for.

Запустим цикл for от 0 до 4 (Мы указываем от 0 до 4, поскольку это порядковые номера элементов массива) и внутри этого цикла будем выводить элементы массива, обращаясь к ним как arr[i].

Так же мы можем получить длину массива arr.length. Давайте подставим эту длину в условие, отняв от нее единицу:

Теперь наш цикл получился универсальным и автоматически может перебирать массивы любой длины.

Можно не отнимать единицу, а вместо оператора <= подставить оператор <:

Перебор массива и if:

Внутри цикла for можно использовать условие if. При переборе массива, мы можем выводить в консоль только элементы с четными числами:

Цикл for в JavaScript

2020-05-30T08:57:39.950Z

Цикл for является альтернативой while. Он более сложен для понимания, но чаще всего его любят больше, чем while за то, что он занимает меньше строк кода.

Давайте рассмотрим пример цикла for:

Начальные команды - это то, что выполнится перед стартом цикла. Они выполнятся только один раз.

Условие окончания цикла - это условие, при котором цикл будет выполняться, пока оно истинное.

Команды после прохода цикла - это команды, которые будут выполнятся каждый раз при окончании прохода цикла. Обычно там увеличивают счетчики, например: i++.

Цикл while в JavaScript

2020-05-29T18:26:38.913Z

Циклы используются для того, чтобы некоторый участок кода выполнился несколько раз подряд.

Начнем наше изучение циклов с цикла while.

Цикл while будет выполняться до тех пор, пока верно (истинно) выражение, переданное ему параметром. Цикл закончится, когда выражение перестанет быть истинным.

Давайте рассмотрим пример цикла while:

Переменная i называется счетчиком цикла. Счетчики используются для того, чтобы подсчитывать, сколько раз выполнился цикл.

Для счетчиков принято использовать буквы i, j и k.

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

Более сложный цикл:

К счетчику не обязательно прибавлять единицу. Давайте для примера выведем столбец четных чисел от 4 до 16. Для этого начальное значение переменной i зададим как 4 и будем прибавлять двойку:

Обратный отсчет:

Счетчик не обязательно должен увеличиваться в цикле. Бывают ситуации, когда счетчик должен уменьшается:

Функция confirm в JavaScript

2020-05-29T09:26:50.892Z

Вы уже знаете две функции, которые выводят диалоговые окна, а именно alert и prompt.

Функция confirm вызывает окошко с вопросом, на который нужно ответить пользователю, и двумя кнопками для ответа: с кнопкой "Ок" и с кнопкой "Отмена".

Если пользователь нажмет "Ок" - то функция вернет true, а если "Отмена" - то вернет false.

Давайте рассмотрим пример использования этой функции:

Конструкция switch-case в JavaScript

2020-05-28T17:47:30.504Z

Рассмотрим следующий код:

Давайте изменим этот код через конструкцию switch-case, представляющую собой альтернативу if-else:

Обратите внимание на то, что в блоке case нужно писать какое-то конкретное значение - там нельзя использовать логические операции (==, больше, меньше и тп).

То есть switch-case используется для выбора одного значения из некоторого ряда значений. Если вам нужно нечто более сложное - необходимо использовать конструкцию if-else.

Необязательность использования break:

Команда break является необязательной. Однако, есть одно НО, поведение блоков case будет неожиданным.

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

То есть, при отсутствии break после выполнения задуманного case, выполнятся и все case ниже него.

Область видимости let и var в if-else

2020-05-28T08:39:31.343Z

Рассмотрим следующий пример:

Как вы видите, в переменную a должно записаться значение "Готово!". Однако, если запустить этот код, то в консоль выведется ошибка!

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

Однако, если переменная объявлена снаружи фигурных скобок, то видна и внутри них, и снаружи:

Область видимости var:

Переменные можно объявлять либо через let, либо через var.

Эти два способа объявления переменных создают для них разные области видимости.

Посмотрим на примерах:

В настоящее время рекомендуется объявлять переменные именно через let, так как область видимости таких переменных ограничена фигурными скобками (это защищает код от случайных ошибок).