Razor中foreach循环索引计数器不递增及多源数据表格合并方案

你遇到的计数器不递增问题，大概率是把计数器声明在了foreach循环内部——每次循环都会重新初始化计数器，导致它永远停在初始值。下面给你几种实用的解决思路，代码都是基于Razor视图的场景：

方法1：外部声明计数器变量 #

把计数器放在foreach外面初始化，每次循环结束后手动递增，就能对应数组的索引了：

@{
    // 初始化计数器，从0开始
    int arrayIndex = 0;
    // 提前校验数据长度，避免数组越界
    if (Model.ValueArray != null && Model.ItemList.Count() != Model.ValueArray.Length)
    {
        // 这里可以加提示或兼容逻辑，比如补空值、截断数据等
    }
}

<table>
    <thead>
        <tr>
            <th>Item属性1</th>
            <th>Item属性2</th>
            <th>数组对应值</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.ItemList)
        {
            <tr>
                <td>@item.Property1</td>
                <td>@item.Property2</td>
                <td>
                    @if (arrayIndex < Model.ValueArray.Length)
                    {
                        @Model.ValueArray[arrayIndex]
                    }
                    else
                    {
                        <span>无对应值</span>
                    }
                </td>
            </tr>
            // 每次循环后手动递增计数器
            arrayIndex++;
        }
    </tbody>
</table>

方法2：用LINQ的Select带索引配对数据 #

这种方式更简洁，直接通过LINQ把每个item和对应索引的数组元素绑定成新的对象：

@{
    // 用Select的重载方法，同时获取item和索引，再和数组值配对
    var pairedData = Model.ItemList.Select((item, index) => new 
    {
        Item = item,
        ArrayValue = index < Model.ValueArray.Length ? Model.ValueArray[index] : null
    });
}

<table>
    <thead>
        <tr>
            <th>Item属性1</th>
            <th>Item属性2</th>
            <th>数组对应值</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var pair in pairedData)
        {
            <tr>
                <td>@pair.Item.Property1</td>
                <td>@pair.Item.Property2</td>
                <td>@(pair.ArrayValue ?? "无对应值")</td>
            </tr>
        }
    </tbody>
</table>

方法3：转为List后用for循环（适用于可索引集合） #

如果你的ItemList可以转为List<T>（比如本身就是List，或者用ToList()转换），直接用for循环更直观，索引可以同时对应item和数组元素：

@{
    var itemList = Model.ItemList.ToList();
}

<table>
    <thead>
        <tr>
            <th>Item属性1</th>
            <th>Item属性2</th>
            <th>数组对应值</th>
        </tr>
    </thead>
    <tbody>
        @for (int i = 0; i < itemList.Count; i++)
        {
            var item = itemList[i];
            <tr>
                <td>@item.Property1</td>
                <td>@item.Property2</td>
                <td>
                    @if (i < Model.ValueArray.Length)
                    {
                        @Model.ValueArray[i]
                    }
                    else
                    {
                        <span>无对应值</span>
                    }
                </td>
            </tr>
        }
    </tbody>
</table>

小提示 #

• 一定要确保ItemList的元素数量和ValueArray的长度匹配，否则会出现数组越界或者数据不对应问题，上面的代码都加了越界判断。
• 如果ItemList是EF的IQueryable这类延迟加载集合，用ToList()或Count()时要注意性能，必要时提前加载数据。

内容的提问来源于stack exchange，提问作者coolhand