javascript - 在 Javascript 中显示 unicode 字符(表情符号)

Question

我有一个数据库，其中包含诸如“\U0001f374 午餐。有很多肉......”之类的推文——也就是说，表情符号表示为 unicode(\U0001f374 是刀叉表情符号)。在我的 Web 应用程序中，我使用 Ajax 请求获取推文并想要显示它们。

没什么大不了的，到目前为止我已经启动并运行了它，我可以用 unicode 显示“原始”推文字符串。但是，我喜欢渲染表情符号。我如何在 Javascript 中执行此操作？

Answer 1

由于像 \U0001f374 这样的符号在 JavaScript 中是未定义的，您需要使用您自己的代码(或合适的库代码)从中构造字符。您可以从字符串中解析 Unicode 数字并将其转换为一对代理代码点。

但如果您在 HTML(或 XML)上下文中使用 JavaScript，则可以让 HTML(或 XML)解析器完成这项工作。只需将字符串(假设有 8 个十六进制数字)更改为 HTML 或 XML 字符引用，并确保将结果解析为标记:

var sample = document.getElementById('in').value;
sample = sample.replace(/\\U([0-9a-f]{8})/gi, "&#x$1;");
document.getElementById('demo').innerHTML = sample;

<input id=in size=40
       value="\U0001f374 Lunch. Had loads of meat...">
<div id=demo>To be replaced</div>