Краткая справка по циклам в JavaScript

Цикл while

Цикл while будет выполняться до тех пор, пока верно выражение, переданное ему параметром. Смотрите пример:

javascriptlet i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

Результат выполнения кода:

javascript01234

Цикл for

Цикл for является более компактным вариантом while. Смотрите пример:

javascriptfor (let i = 1; i <= 5; i++) {
  console.log(i);
}

Результат выполнения кода:

javascript12345

Цикл for также можно использовать для перебора массива:

javascriptlet arr = [1, 2, 3, 4, 5];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

Результат выполнения кода:

javascript12345

Цикл for-of

Цикл for-of используется для перебора массивов:

javascriptlet arr = [1, 2, 3, 4, 5];

for (let elem of arr) {
  console.log(elem);
}

Результат выполнения кода:

javascript12345

Метод forEach

Можно также использовать метод forEach. Смотрите пример:

javascriptlet arr = [1, 2, 3, 4, 5];

arr.forEach(elem => {
  console.log(elem);
});

Результат выполнения кода:

javascript12345

Цикл for-in

Для перебора объекта используется цикл for-in. Смотрите пример:

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3
};

for (let key in obj) {
  console.log(key);
}

Результат выполнения кода:

javascriptabc

Давайте выведем не ключи, а элементы объекта:

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3
};

for (let key in obj) {
  console.log(obj[key]);
}

Результат выполнения кода:

javascript123

Смотрите также