ES6 для циклов Of и In

Во время моего пребывания в моем учебном лагере по программированию я научился и чертовски хорошо научился писать циклы For. Насколько я понимаю, циклы For перебирают массив и могут выполнять действие над каждым элементом в блоке кода. Если бы мне нужно было удерживать счетчик или индекс итерируемого элемента, я бы выбрал цикл For вместо встроенного метода, такого как .map или .forEach. В Javascript эти циклы выглядят примерно так:

let array = [1, 2 , 3, 4, 5]
for (let i = 0; i < array.length; i++){
    console.log(array[i])
}

Эти циклы For действительно распространены. Однако в javascript цикл For, написанный таким образом, может быть подвержен множеству ошибок и мелких ошибок. Обычно опечатки! Например, ввод запятой вместо точки с запятой или запуск индекса с 0, когда вам действительно нужно начать с 1. Этот способ считается более «ручным» способом написания циклов for. Недавно я обнаружил, что есть еще один способ написания циклов for в javascript с обновлением ES62015! Если вам не нужно держаться за счетчик или индекс, этот способ намного проще.

let array = [1, 2 , 3, 4, 5]
for (let element of array){
     console.log(element)
}

Так намного проще и меньше подвержены глупым ошибкам. По сути, вы объявляете переменную, а затем указываете массив, который перебираете. И это все!

Теперь я также узнал, что вы также можете перебирать объект. С циклом For-In:

const object = { a: 1, b: 2, c: 3 };
for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}
// expected output:
// "a: 1"
// "b: 2"
// "c: 3"

Опять же, очень просто. Вы объявляете ключевую переменную, которую перебираете, а затем имя объекта. Затем вы можете ссылаться как на ключ, так и на значение, как указано выше.

Надеюсь, это поможет написать циклы for и избавиться от некоторых ошибок во время алгоритмических собеседований.