ASP.NET Core 2.0中ViewBag数组转JS数组时北欧字符转义问题

嘿，我完全懂你碰到的这个问题——Razor里循环ViewBag的数组顺顺当当，可一转换成JavaScript数组就出状况，尤其是还带Ö这种特殊字符的时候，简直头疼对吧？别慌，这其实是序列化和编码环节的常见坑，我给你几个实用的解决办法：

方案1：用Json.NET序列化（最稳妥，完美兼容特殊字符） #

ASP.NET Core 2.0自带的序列化对非ASCII字符的处理有时候不太给力，换成Json.NET就靠谱多了。首先确保你的项目已经通过NuGet安装了Newtonsoft.Json包，然后在视图里这么写：

<script>
    // 先把ViewBag的数组序列化成合法的JSON字符串，再转成JS数组
    var wordsArray = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(ViewBag.Words));
    
    // 测试一下，现在可以正常遍历或者使用这个数组了
    wordsArray.forEach(function(word) {
        console.log(word.word);
    });
</script>

这里的Html.Raw很关键——默认Razor会把JSON里的引号转义成"，用Html.Raw就能输出原始的JSON文本，避免JS语法错误。而且Json.NET会自动处理像Ö这类特殊字符，不会出现乱码。

方案2：用框架内置的Json序列化（轻量方案） #

如果不想引入第三方库，也可以用ASP.NET Core自带的序列化工具，写法类似：

<script>
    var wordsArray = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(ViewBag.Words));
</script>

不过要注意，ASP.NET Core 2.0里的System.Text.Json还没那么成熟，对某些特殊场景的支持不如Json.NET，如果遇到乱码或者序列化异常，还是优先用方案1。

方案3：手动构建JS数组（适合简单场景） #

要是你的数组元素都是简单字符串，也可以手动循环拼接，但一定要注意转义特殊字符，不然很容易出语法错误：

<script>
    var wordsArray = [
        @foreach (var item in ViewBag.Words)
        {
            // 用JavaScriptStringEncode处理特殊字符和引号
            @:$"'{HttpUtility.JavaScriptStringEncode(item.word)}',"
        }
    ];
    // 注意要手动去掉最后一个多余的逗号，或者用更严谨的判断逻辑
</script>

这个方法比较繁琐，容错率低，除非是特别简单的场景，不然不推荐用。

最后再给你提个醒：一定要确保ViewBag.Words不是null，不然序列化会报错，最好加个判断：

@if (ViewBag.Words != null)
{
    // 这里写序列化的代码
}

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