本文介绍使用 javascript 将常见 html 实体（如 `–`、`&` 等）转换为原始字符的实用方法，提供可扩展的映射函数，并说明其局限性与更健壮的替代方案。
在 Web 开发中，我们常会遇到包含 HTML 实体的字符串（例如从 API 返回或服务端渲染的文本），如：
var price = "CHF 150.– (brutto)";
目标是将其转换为可读的纯文本："CHF 150.- (brutto)"。最直接的方式是建立一个实体到字符的映射表，并用正则匹配替换。
以下是一个轻量、可控且易于维护的实现：
function replaceHTMLEntities(str) {
const htmlEntities = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
''': "'",
'–': '-',
'—': '—',
' ': ' ',
'©': '©',
'®': '®',
};
return str.replace(/&[\w#]+;/g, entity => {
return htmlEntities[entity] || entity;
});
}
// 使用示例
console.log(replaceHTMLEntities("CHF 150.– (brutto)"));
// → "CHF 150.- (brutto)"
console.log(replaceHTMLEntities("He said "Hello" and © 2024"));
// → "He said \"Hello\" and © 2024"✅ 优点：
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
立即学习“前端免费学习笔记（深入）”；
- 完全客户端执行，无需 DOM；
- 易于扩展（只需向 htmlEntities 对象添加新键值对）；
- 不依赖外部库，适合轻量场景或环境受限项目（如某些 Web Worker 或 SSR 上下文）。
⚠️ 注意事项：
- 此方法不支持数值型实体的动态解析（如 – 对应 –），仅匹配预定义的命名实体；
- 若需完整支持所有 HTML5 实体（含 Unicode 十进制/十六进制编码），推荐使用浏览器原生能力（更安全可靠）：
function decodeHTMLEntities(str) {
const el = document.createElement('div');
el.innerHTML = str;
return el.textContent || el.innerText || '';
}
// ✅ 支持 –, –, – 等全部标准实体
console.log(decodeHTMLEntities("CHF 150.– or – or –"));
// → "CHF 150.— or — or —"? 小结：对于已知有限实体的简单场景，自定义映射函数高效清晰；若需全面、标准兼容的解码能力，优先采用 document.createElement 的原生方式——它由浏览器严格遵循 HTML 规范实现，兼顾安全性与完整性。
