ASP.NET MVC：Razor循环数组生成JS图表数据的逗号问题求解

你的问题核心有两个：一是Razor循环里的内容没通过@输出到页面，二是直接拼接逗号会导致最后多一个逗号，引发JS语法错误，所以图表只识别到最后一个有效数值。

下面给你三种实用的解决方法：

方法1：用String.Join快速生成逗号分隔字符串 #

这是最简单的方式，直接利用.NET的string.Join方法把数组元素拼接成符合JS数组格式的字符串：

series: [{
    name: 'Bench',
    data: [@string.Join(", ", numArry)]
}],

Razor会直接把numArry的元素转成10, 20, 30这样的格式，完美匹配JS数组的需求。

方法2：修正循环逻辑，处理逗号问题 #

如果必须用循环，要确保每个元素和逗号都通过@输出，同时避免最后一个元素后面加逗号：

series: [{
    name: 'Bench',
    data: [
        @for (int j = 0; j < numArry.Length; j++)
        {
            // 输出当前数组元素
            @numArry[j]
            // 不是最后一个元素时才输出逗号
            if (j != numArry.Length - 1)
            {
                @:,
            }
        }
    ]
}],

这里的关键是用@:语法输出逗号，同时通过判断索引避免多余的尾逗号，保证生成的JS语法完全正确。

方法3：直接序列化数组为JSON（最可靠） #

如果数组里可能包含非数字类型，或者想彻底避免拼接错误，直接用JSON序列化整个数组：

series: [{
    name: 'Bench',
    data: @Html.Raw(Json.Serialize(numArry))
}],

Json.Serialize会把.NET数组转成标准的JS数组格式，Html.Raw确保序列化后的字符串不会被Razor转义，生成的代码和你手动写的完全一致，适合所有场景。

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