Узнайте, что такое цикл for of в javascript и как использовать цикл for of в JavaScript на примерах, вопросы для собеседования по Javascript #19
Для — цикла
В javascript есть 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