For of JS: Эффективный способ работы с массивами в JavaScript

Цикл for...of в JavaScript позволяет перебирать элементы массива, строки, коллекций, которые поддерживают итерацию, таких как Set и Map, и других Iterable объектов. Он является более осознанным и удобным способом работы со значениями элементов коллекции, чем традиционный цикл for.

Рассмотрим пример работы цикла for...of для массива:

let arr = ["apple", "banana", "orange"];
for (let item of arr) {
  console.log(item);
}

В данном примере цикл проходит по каждому элементу массива и выводит его значение в консоль.

Также, цикл for...of может быть использован для перебора строк:

let str = "JavaScript";
for (let char of str) {
  console.log(char);
}

Этот цикл выведет каждый символ строки "JavaScript" в консоль.

Цикл for...of также может быть применен к Iterable объектам, таким как Set и Map:

let set = new Set([1, 2, 3]);
for (let item of set) {
  console.log(item);
}

В данном примере цикл проходит по каждому элементу множества и выводит его значение в консоль.

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