# 04. Array Iteration

## `for-in` loop

Цикл `for..in` перебирает все определенные индексы массива:

```javascript
const colors = ["red", "green", "blue"];
for (const index in colors) {
  console.log(colors[index]);
}
```

## `for` loop

Обыкновенный цикл `for`:

```javascript
const colors = ["red", "green", "blue"];
for (const i = 0; i < colors.length; i++) {
  console.log(colors[i]);
}
```

## `forEach` function

Цикл `forEach` применяет функцию к каждому элементу массива. Дыры в массиве игнорируются (за исключением, если они были присвоены явно):

```javascript
const colors = ["red", "green", "blue"];
colors.forEach((item, index, array) => {
  console.log(item, index);
});
```

## `for..of` loop

Цикл `for..of` неявно создает итератор и перебирает каждый элемент массива (ES6):

```javascript
const colors = ["red", "green", "blue"];
for (const color of colors) {
  console.log(color);
}
```

## `arr.entries()`

Функция `entries` возвращает массив пар индекс-значение:

```javascript
const arr = ["a", "b", "c"];
const eArr = arr.entries();

console.log(eArr.next().value); // [0, 'a']
console.log(eArr.next().value); // [1, 'b']
console.log(eArr.next().value); // [2, 'c']
```

## `arr.values()`

Функция `values` --- возвращает итератор по всем значениям в массиве. Удобно использовать в `for..of` цикле.

```javascript
const arr = ["w", "y", "k", "o", "p"];
const eArr = arr.values();
for (const letter of eArr) {
  console.log(letter);
}
```

## `arr.keys()`

Функция `keys` --- возвращает итератор по всем ключам-индексам в массиве.

```javascript
const arr = ["a", "b", "c"];
const iterator = arr.keys();
```