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

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

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

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

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

Array.forEach(callback)

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

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

FOR — IN цикл

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

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

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

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

FOR — OF цикл

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

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

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

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

Обработка события click или touchstart

Октябрь 31, 2018 г.

Широкое применение мобильных устройств для доступа в интернет накладывает свои специфические требования на разработку веб-сайтов. Привычный обработчик onclick может срабатывать совместно с ontouchstart, а может не срабатывать вовсе на мобильном устройстве. ...

Читать

Делаем эффект параллакса для заднего фона на сайте

Октябрь 19, 2015 г.

Очень простая мулька, но выглядит при соответствующем фоне потрясающе. Сделаем так, чтобы при скроллинге страницы, фон двигался вдвое медленнее, создавая что то вроде эффекта параллакса. Этот кусочек скрипта привязывает нас к событию onscroll окна. ...

Читать

 

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

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



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