Loop Examples

Iteration with q:loop - arrays, ranges, and lists.

DocumentationAPI Reference

All Examples

Complexity

Search

No examples match your filters.

Loop Types

Range Loop

Iterate over a numeric range:

<q:loop type="range" var="i" from="1" to="5">
  <p>Number {i}</p>
</q:loop>

Array Loop

Iterate over arrays:

<q:loop type="array" var="fruit" items='["apple", "banana", "orange"]'>
  <li>{fruit}</li>
</q:loop>

Array with Index

Access the current index:

<q:loop type="array" var="item" index="idx" items="{myArray}">
  <p>{idx}: {item}</p>
</q:loop>

List Loop

Iterate over delimited strings:

<q:loop type="list" var="city" items="NYC,London,Tokyo" delimiter=",">
  <span>{city}</span>
</q:loop>

Range with Step

Control iteration step:

<q:loop type="range" var="i" from="0" to="10" step="2">
  <p>Even: {i}</p>
</q:loop>

Related Categories

• State Management - Create data to iterate
• Conditionals - Conditional logic inside loops
• Database Queries - Loop over query results