В Pug, шаблонизаторе для HTML, нет прямой поддержки цикла for для массивов, но можно использовать некоторые приемы и хитрости, чтобы добиться такого эффекта.
Один из способов совместить цикл for и массив в Pug - это использовать цикл Each. Цикл Each позволяет перебирать элементы массива и выполнять определенную операцию для каждого элемента.
Пример использования цикла Each с массивом в Pug:
ul
each item in ['apple', 'banana', 'orange']
li= item
В этом примере мы создаем маркированный список ul и используем цикл Each для перебора каждого элемента массива ['apple', 'banana', 'orange']. Для каждого элемента создается отдельный элемент списка li, в котором выводится значение элемента.
Результат рендеринга данного примера будет следующим:
<ul> <li>apple</li> <li>banana</li> <li>orange</li> </ul>
Вместо жестко заданного массива, вы также можете передать переменную, содержащую массив, в цикл Each в Pug. Например:
- var fruits = ['apple', 'banana', 'orange']
ul
each item in fruits
li= item
В этом примере мы объявляем переменную fruits, которая содержит массив. Затем мы используем цикл Each для перебора элементов этого массива и создания элементов списка.
Цикл Each имеет еще несколько возможностей, например, вы можете сохранять индекс текущего элемента, использовать фильтры и другие возможности Pug для манипуляции данными в цикле. Чтобы узнать больше о возможностях цикла Each и Pug в целом, вы можете обратиться к документации на сайте Pug (https://pugjs.org/api/getting-started.html).
Таким образом, хоть в Pug и нет прямой поддержки цикла for для массивов, вы можете использовать цикл Each для совмещения цикла и массивов.