Операторы цикла for и while
Оператор Label
Оператор Label используется с операторами break и continue и служит для идентификации оператора, к которому применяются операторы break и continue. Мы подробнее поговорим о перерыве и продолжим выступления ниже.
Синтаксис
labelname:
Использование
Без использования помеченного оператора оператор break может вырваться только из цикла или оператора switch. Использование помеченного оператора позволяет break выскочить из любого блока кода.
Пример
foo: {
console.log(«Это печатает»);
break foo;
console.log(«Это никогда не будет напечатано.»);
}
console.log(«Потому что выполнение переходит сюда!»)
/* выход
Выход:
Потому что выполнение переходит сюда! */
При использовании с оператором continue помеченный оператор позволяет пропустить итерацию цикла, преимущество заключается в возможности выпрыгнуть из внутреннего цикла во внешний, когда у вас есть вложенные операторы цикла. Без использования помеченного оператора вы могли бы только выпрыгнуть из существующей итерации цикла на следующую итерацию того же цикла.
Пример
// без помеченного оператора, когда j==i внутренний цикл переходит к следующей итерации
test () {
for (var i = 0; i< 3; i++) {
console.log(«i=» + i);
for (var j = 0; j< 3; j++) {
if (j === i) {
continue;
}
console.log («J=» + J );
}
}
}/* выход
i=0 (примечание j=0 отсутствует)
j=1
j=2
i=1
j=0 (примечание j=1 отсутствует)
j=2
i=2
j=0
j=1 (примечание j=2 отсутствует)
*/// используя помеченный оператор, мы можем перейти к внешнему (i) циклу вместо
test() {
outer: for (var i = 0; i< 3; i++) {
console.log(«i=» + i);
for (var j = 0; j< 3; j++) {
if (j === i) {
continue outer;
}
console.log («J=» + J );
}
}
}/*
i=0 (j регистрируется только тогда, когда меньше i)
i=1
j=0
i=2
j=0
j=1
*/
Оператор Continue
В JavaScript оператор continue используется, когда вы хотите перезапустить новую итерацию цикла. Этот оператор может использоваться в цикле while, цикле for или цикле for-in. Если вы попытаетесь использовать оператор continue в других типах циклов, вы можете получить неожиданные результаты.
Когда JavaScript выполняет оператор continue, любой оставшийся код, оставшийся в текущей итерации тела цикла, пропускается. Код возобновит выполнение в начале цикла (как новая итерация цикла). Вы также можете использовать оператор continue для выполнения помеченного оператора.
Синтаксис
continue [label_name];
Параметры или аргументы label_name
Имя идентификатора (или имя метки) для оператора. Оператор continue используется для перезапуска циклов, таких как while, цикл for или цикл for-in. Если есть вложенные циклы, оператор continue перезапустит внутренний цикл.
Давайте рассмотрим пример, который показывает, как использовать оператор continue в JavaScript. Вы также можете использовать оператор continue для перезапуска новой итерации цикла while.
Как использовать оператор Continue с циклом while
var counter = 0;
while (counter< 5) {counter ++;
if (counter = = 3) {
continue;
}console.log(counter + ‘- Внутри цикла while on TechOnTheNet.com’);
}console.log(counter + ‘- Сделано для включения петли TechOnTheNet.com’);
В этом примере оператор continue используется для перезапуска новой итерации цикла while и пропуска оставшейся части тела цикла.
Как использовать оператор Continue с циклом For
Вы также можете использовать оператор continue для перезапуска новой итерации цикла for. Давайте перепишем наш пример с циклом for.
for (var counter = 1; counter< 5; counter++) {
if (counter = = 3) {
continue;
}
console.log(counter + ‘- Inside for loop on TechOnTheNet.com’);
}console.log(counter + ‘- Сделано для включения петли TechOnTheNet.com’);
В этом примере оператор continue используется для перезапуска новой итерации цикла for и пропуска оставшейся части тела цикла.
В этом примере в журнал консоли веб-браузера будет выведено следующее:
- Внутри для включения цикла TechOnTheNet.com
- Внутри для включения петли TechOnTheNet.com
- Внутри для включения петли TechOnTheNet.com
- Сделано для включения петли TechOnTheNet.com
В этом примере запись не записывается в журнал консоли веб-браузера, если счетчик равен 3. Оператор continue перезапустил цикл до того, как можно было выполнить следующую команду (но только тогда, когда счетчик равен 3):
console.log(counter + ‘- Inside for loop on TechOnTheNet.com’);
Циклы
Циклы используются в JavaScript для выполнения повторяющихся задач на основе условия. Условия обычно возвращают true или false при анализе. Цикл будет продолжать работать до тех пор, пока определенное условие не вернет false.
Три наиболее распространенных типа циклов
- while
- while do
- for
Цикл for
Синтаксис
for ([инициализация]); [условие]; [конечное выражение]) {
// объявление
}
Оператор javascript for состоит из трех выражений и оператора:
- Инициализации, которая выполняется перед самим циклом( как только цикл завершает свое выполнение, они уничтожаются)
- Условия — Выражения, которое проверяется перед выполнением каждой итерации.
- Выражение, которое выполняется после каждой итерации.
Общие подводные камни
Выход за пределы массива
При индексации по массиву во много раз легко выйти за пределы массива (например, попробуйте сослаться на 4-й элемент массива из 3 элементов).
// Это приведет к ошибке.
// Границы массива будут превышены.
var arr = [ 1, 2, 3 ];
for (var i = 0; i<= arr.length; i++) {
console.log(arr[i]);
}
выход:
1
2
3
не определено
Есть два способа исправить этот код. Установите условие либо i< arr.length, либо i <= arr.length — 1
Примеры
Перебирайте целые числа от 0 до 8
for (var i = 0; i< 9; i++) {
console.log(i);
}
выход:
0
1
2
3
4
5
6
7
8
Вырвитесь из цикла до того как выражение условия станет ложным.
for (var dog = 1; dog< 10; dog+=2) {
if (dog = = = 7) {
break;
}
console.info(«dog» + dog);
}
выход:
dog 1
dog 3
dog 5
Цикл while
Цикл while начинается с оценки условия. Если условие истинно, то оператор(ы) выполняется / выполняются. Если условие ложно, то оператор(ы) выполняется/не выполняется. После этого цикл while заканчивается.
Вот синтаксис для цикла while:
while (условие)
{
Условие: Здесь условие — это логическое выражение, которое вычисляется перед каждым проходом через цикл. Если это условие оценивается как true, оператор(ы) выполняется / выполняются. Когда условие оценивается как false, выполнение продолжается с оператором после цикла while.
Пример:
var i = 1;
в то время как (i< 10)
{
console.log(i);
i++; // i=i+1 то же самое
}
Выход:
1
2
3
4
5
6
7
8
9
Цикл do…while
Цикл do…while тесно связан с циклом while. В цикле do while условие проверяется в конце цикла.
Вот синтаксис для цикла do…while:
do {
*Объявление;*
} while (*условие*);
Оператор(ы): Оператор, который выполняется по крайней мере один раз перед вычислением условия или логического выражения и повторно выполняется каждый раз, когда условие принимает значение true.
Условие: Здесь условие-это логическое выражение. Если логическое выражение принимает значение true, оператор выполняется снова. Когда логическое выражение принимает значение false, цикл завершается.
Пример:
var i = 0;
делать {
i = i + 1;
console.log(i);
} while (i< 5);
Выход:
1
2
3
4
5
