如何删除使用Razor填充的此Javascript数组末尾的逗号？

Question

我正在使用Razor将项目插入Javascript数组中。它使用下面的代码按预期工作。但是，它会在数组末尾产生一个额外的逗号。有人可以建议一种方法来防止这种情况发生吗？

graphByMonth = new Array(

@foreach (var cost in Model.Cost) {
    <text>
    [@cost.CPM, '@cost.EndDate'],
    </text>
    }
);

Answer 1

在处理javascript时，不应该使用任何字符串连接。如果你想将一些服务器端模型传递给j​​avascript变量，你可以像这样将JSON序列化，以确保危险字符被正确转义：

var graphByMonth = @Json.Encode(Model.Cost.Select(cost => new {
    cpm = cost.CPM, endDate = cost.EndDate
}));

将呈现为：

var graphByMonth = [
    { cost: '1', endDate: 'date 1' },
    { cost: '2', endDate: 'date 2' },
    { cost: '3', endDate: 'date 3' }
];

使用Json.Encode确保值已正确编码，并且如果您尝试通过使用某些字符串连接，foreach循环或其他任何操作手动执行此操作，您将不会遇到任何损坏的语法