Razor VB – Loops – Iterate Data in .vbhtml with For and For Each

Introduction – What Are Razor VB Loops?

In Razor using VB.NET, you can use standard loop constructs like For, For Each, and While to repeat HTML blocks dynamically. This is useful for rendering lists, tables, menus, and more, all based on server-side data.

In this guide, you’ll learn:

• How to use For, For Each, and While in Razor VB
• Real examples for iterating strings, arrays, and collections
• Nesting loops and mixing with Razor markup
• Best practices for clean looping logic in .vbhtml views

Razor VB – For Loop

@Code
    Dim i As Integer
End Code

@For i = 1 To 5
    @<p>Item @i</p>
Next

Output:

Item 1  
Item 2  
Item 3  
Item 4  
Item 5

Razor VB – For Each Loop

@Code
    Dim fruits As String() = {"Apple", "Banana", "Cherry"}
End Code

<ul>
@For Each fruit In fruits
    @<li>@fruit</li>
Next
</ul>

Output:

• Apple
• Banana
• Cherry

Razor VB – While Loop

@Code
    Dim count As Integer = 1
End Code

@While count <= 3
    @<p>Count: @count</p>
    @Code count += 1 End Code
End While

Output:

Count: 1  
Count: 2  
Count: 3

Loop with Conditional Output

@Code
    Dim grades As Integer() = {92, 76, 85}
End Code

@For Each grade In grades
    If grade >= 90 Then
        @<p>Grade: A (@grade)</p>
    ElseIf grade >= 80 Then
        @<p>Grade: B (@grade)</p>
    Else
        @<p>Grade: C or below (@grade)</p>
    End If
Next

Output:

Grade: A (92)  
Grade: C or below (76)  
Grade: B (85)

Nested Loops in Razor VB

@Code
    Dim matrix As Integer(,) = {{1, 2}, {3, 4}}
End Code

@For row = 0 To 1
    <p>
    @For col = 0 To 1
        @matrix(row, col)
    Next
    </p>
Next

Output:

1 2  
3 4

Best Practices for Razor VB Loops

Do:

• Use For Each for readability when iterating collections
• Keep logic and HTML clearly separated
• Use @<tag> syntax to output clean HTML blocks

Avoid:

• Writing business logic inside loops
• Excessive nesting that reduces readability
• Forgetting to initialize loop variables outside Razor blocks

Summary – Recap & Next Steps

Razor VB loops let you generate dynamic HTML by repeating markup based on server-side VB.NET data. Whether you’re working with arrays, collections, or numeric ranges, Razor VB provides full looping support in .vbhtml.

Key Takeaways:

• Use For for indexed loops, For Each for collections
• Combine loops with conditionals for intelligent rendering
• Maintain readability using @<li>, @<p> block rendering

Real-world Use Cases:

• Product listings
• Dynamic dropdown options
• Looping through error messages or notifications

FAQs – Razor VB Loops

Can I use nested loops in Razor VB?
Yes. Use For, While, or For Each loops within each other as needed.

What’s the syntax for inline HTML inside loops?
Use @<tag>...</tag> to output HTML elements directly from VB.NET loops.

Should I use For Each or For in views?
Use For Each for collections; For is better when index control is needed.