Есть ли аналог foreach в JS?

Веб-программирование — почти всегда это создание кода, с использованием нескольких языков программирования. Зная одни языки, вы ищите знакомые аналоги там, где не так твердо стоите на ногах.

Есть ли в javascript оператор цикла foreach (аналог в PHP)?

И да и нет. Но скорее — да. :)

Foreach предназначен для перебора элементов массива. Потому он является методом объекта Array.

Array.forEach(callback)

В следующем примере показано, как он может использоваться.

В колбэк-функцию передаются три параметра — элемент массива, ключ и сам массив.

FOR — IN цикл

В отличии от простого цикла for-in позволяет итерировать свойства объекта, либо массива с не полностью заселенными индексами.

Вот пример такого массива.

Перебрать его элементы можно вот так:

Важный момент состоит в том, что порядок свойств объекта или элементов массива при таком переборе может оказаться неожиданным (т.е. выведет не «5 6 7», а в другом порядке).

FOR — OF цикл

Раз уж я заговорил о переборе элементов, то нужно упомянуть еще об одной конструкции. Следующий цикл позволяет сразу получать значения, а не ключи.

Как видите, все варианты имеют свои особенности и ограничения. Остаётся выбрать тот из них, который подходит именно для вашей задачи.

Написать комментарий

Мало букафф? Читайте есчо !

Определить город по IP адресу

Май 4, 2017 г.

Писал ранее об API ipinfo.io. Сервис позволяет вытащить как гео координаты, так и названия города, региона, страны. Единственный недостаток - информация на английском языке. В данной статье рассмотрим пару примеров использования сервиса. Обращение ...

Читать

Прокрутить HTML документ к заданной позиции

Июль 6, 2018 г.

Рассмотрим как программно установить позицию скролла документа ровно в начале нужного вам HTML контейнера. Чтобы сделать переход плавно, можно использовать функцию jQuery().animate(). Суть процесса такова - вычисляем вертикальную позицию требуемого ...

Читать

 

Комментарии к «Есть ли аналог foreach в JS?»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: