js 转换特殊字符

在JavaScript中，转换特殊字符通常涉及到两个方面：HTML实体编码和解码，以及Unicode编码和解码。

HTML实体编码

当需要在网页中显示某些特殊字符（如 <、>、& 等）时，为了避免这些字符被浏览器解析为HTML标签或产生其他意外效果，需要将它们转换为对应的HTML实体。

优势：

防止XSS攻击。
确保内容在网页中的正确显示。

示例代码：

function htmlEntities(str) {
    return str.replace(/[\u00A0-\u9999<>&](?!#)/gim, function(i) {
        return '&#' + i.charCodeAt(0) + ';';
    });
}

console.log(htmlEntities('<div>测试 & 示例</div>'));
// 输出: &lt;div&gt;测试 &amp; 示例&lt;/div&gt;

HTML实体解码

与编码相反，如果需要将已经编码的HTML实体转换回原始字符，可以使用解码函数。

示例代码：

function htmlEntitiesDecode(str) {
    var textarea = document.createElement('textarea');
    textarea.innerHTML = str;
    return textarea.value;
}

console.log(htmlEntitiesDecode('&lt;div&gt;测试 &amp; 示例&lt;/div&gt;'));
// 输出: <div>测试 & 示例</div>

Unicode编码和解码

JavaScript中的字符串是基于Unicode的，但有时为了兼容性或特定需求，可能需要将字符串转换为Unicode编码或从Unicode编码转换回字符串。

示例代码（Unicode转码）:

function toUnicode(str) {
    return str.split('').map(function(value, index, array) {
        var temp = value.charCodeAt(0).toString(16).toUpperCase();
        if (temp.length > 2) {
            return '\\u' + temp;
        } else {
            return value;
        }
    }).join('');
}

console.log(toUnicode('测试'));
// 输出: \u6D4B\u8BD5

示例代码（Unicode解码）:

function fromUnicode(str) {
    return str.replace(/\\u[\dA-Fa-f]{4}/g, function(match) {
        return String.fromCharCode(parseInt(match.replace(/\\u/, ''), 16));
    });
}

console.log(fromUnicode('\\u6D4B\\u8BD5'));
// 输出: 测试