c# - 如何摆脱使用 Razor 填充的这个 Javascript 数组末尾的逗号？

Question

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

graphByMonth = new Array(

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

Answer 1

在处理 javascript 时，你不应该使用任何字符串连接。如果你想将一些服务器端模型传递给 javascript 变量，你可以像这样对它进行 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 循环或其他任何内容。