Циклическое перебор массива с использованием JavaScript

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

Массивы

1. Цикл for-of (ES2015)

Этот цикл перебирает значения массива с помощью итератора:

const arr = ["a", "b", "c"];
for (const element of arr) {
  console.log(element); // "a", "b", "c"
}

2. forEach

forEach — это метод, который перебирает массив и вызывает функцию для каждого элемента:

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});

3. Простой цикл для цикла

Этот цикл использует переменную-счетчик для перебора элементов массива:

for (let i = 0; i 
4. Цикл for-in (с мерами защиты)
for-in перебирает свойства массива, включая его элементы. Однако важно использовать меры предосторожности, чтобы избежать перебора свойств прототипа:
for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}
5. Итератор (ES2015 )
Массивы представляют собой итерируемые объекты и предоставляют итератор, который можно усовершенствовать вручную с помощью next():
const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}