在我的 javascript 中，如何解决“\u0026”、“&”和“&”之间的编码问题？

Question

我有一个 asp.net-mvc 网站，在我的一个视图中有以下代码：

var teams = <%= new JavaScriptSerializer().Serialize(Model.Names) %>;

Model.Names 是一个字符串数组和其中一个名称，一个团队有一个名称“Joe & Bob”，它在 html 中显示为：

 "Joe \u0026 Bob"

即使它在浏览器中显示为“Joe & Bob”

问题是我有另一行代码试图与“Joe & Bob”进行比较，但找不到。当我查看它为什么它失败的代码时，它只是吐出一个像这样的变量

 "<%= Model.Name %>",

在我看到的浏览器源代码中

"Joe & Bob" 

（代替乔 \u0026 Bob）

我试过这样做

   <%=Html.Encode(Model.Name); %>

所以我可以进行适当的比较，但我得到了：

 Joe & Bob

代替乔\u0026鲍勃

我想获得一些建议，以最简洁的方式在浏览器源代码中获取相同的确切字符串，以便进行适当的比较。

Answer 1

在 JavaScript 中“\u0026”完全等同于“&”，所以如果你在做一个 javascript 比较，这会很好：

console.log("Joe \u0026 Bob" == "Joe & Bob"); // true

但是如果你想用文本来表示这个字符串，你肯定希望它被 HTML 编码成&。

<span class="name"><%=Html.Encode(Model.Name)%></name>

如果这样做，那么就 JavaScript 而言，DOM 元素的文本值仍应为“Joe & Bob”：

console.log($('.name').text()); // "Joe & Bob"
console.log($('.name').text() == "Joe & Bob"); // true
console.log($('.name').text() == "Joe \u0026 Bob"); // true