Узнайте, что такое цикл for of в javascript и как использовать цикл for of в JavaScript на примерах, вопросы для собеседования по Javascript #19

Для — цикла

В javascript есть 3 разных цикла for, которые можно использовать для перебора итерируемых переменных.

1- Цикл For

2- For — в цикле

3- For — цикла

Цикл For — of представлен в javascript с ES6. Этот цикл можно использовать для прямой итерации с итерируемыми элементами.

Давайте посмотрим, что такое синтаксис — цикла в javascript.

for (element of iterable) {
    // body of for...of
}

В этом примере выше мы определили итерируемый, эта переменная может быть итерируемым объектом, таким как массивы, строки, карты, наборы и т. д.

Элемент – это значение каждого итерируемого свойства. На каждой итерации значение элемента обновляется относительно итерируемого значения.

Это означает, что каждый элемент в итерации запускается один раз в теле цикла for-of.

For — цикла с массивами

Массивы можно использовать в циклах for-of. Давайте посмотрим на пример использования.

// array
const numbers = [1, 2, 3];

// using for...of
for ( let element of numbers ) {

    // log the values
    console.log(element);
}// 1
// 2 
// 3

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

Пример можно изменить, чтобы умножить все значения внутри массива чисел.

// array
const numbers = [1, 2, 3]; 

// using for - of
for ( let element of numbers ) { 

// log the values
    console.log(element * 2);
}// 2
// 4
// 6

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

For — цикла со строками

Мы также можем использовать цикл for-of для перебора строковых значений.

// string
const text = "JS";

// using for...of
for ( let element of text ) {

    // log the values
    console.log(element);
}// J
// S

Как вы видите здесь, элемент text повторяется одна за другой с буквами строки.

Как мы можем получить индекс в циклах for — of?

Как видно из приведенных выше примеров, мы не получили значение индекса итерированных значений. Давайте посмотрим, как мы можем получить значение индекса в цикле for-of.

const letters = ['a','b','c']for (const [index, value] of letters.entries()) {
  console.log(index, value);
}
// 1,a
// 2,b
// 3,c

Если мы хотим получить значение индекса в цикле for-of, нам нужно выполнить итерацию элемента с .entries(), и мы можем использовать деструктурирование для получения индекса и значения.

Это все, что касается циклов for-of в javascript.

Я надеюсь, что после прочтения этой статьи вы сможете ответить на все javascript вопросы о цикле for-of.

Если вы нашли эту статью полезной, вы можете получить доступ к аналогичным, подписавшись на Medium-членство по моей реферальной ссылке.

Удачного кодирования!

Шубхам

Подпишитесь на меня в Linkdin