JavaScript for… of Loop: перебор массивов, строк и многого другого

Цикл «for…of» — это функция JavaScript, которая позволяет перебирать повторяемые объекты, такие как массивы, строки, карты, наборы и т. д. Он обеспечивает простой и лаконичный способ циклического перемещения по элементам этих коллекций. Вот объяснение цикла «for…of» и некоторых связанных с ним методов в JavaScript:

  1. Цикл For…of:
    Цикл «for…of» выполняет блок кода для каждого элемента в итерируемом объекте. Он присваивает значение каждого элемента переменной для дальнейшей обработки. Вот синтаксис:
for (variable of iterable) {
  // code to be executed
}

Пример использования:

const arr = [1, 2, 3, 4, 5];
for (const element of arr) {
  console.log(element);
}

Выход:

1
2
3
4
5
  1. Array.prototype.forEach():
    Метод forEach()— это еще один способ перебора массивов. Он вызывает предоставленную функцию один раз для каждого элемента массива.

Пример использования:

const arr = [1, 2, 3, 4, 5];
arr.forEach(element => {
  console.log(element);
});

Выход:

1
2
3
4
5
  1. Array.prototype.map():
    Метод map()создает новый массив, применяя функцию к каждому элементу существующего массива. Он возвращает результирующий массив.

Пример использования:

const arr = [1, 2, 3, 4, 5];
const newArray = arr.map(element => element * 2);
console.log(newArray);

Выход:

[2, 4, 6, 8, 10]
  1. String.prototype.charAt():
    Метод charAt()возвращает символ по указанному индексу в строке.

Пример использования:

const str = 'Hello';
for (const char of str) {
  console.log(char);
}

Выход:

H
e
l
l
o