JavaScript substr处理含转义字符字符串时长度不符求助

你遇到的核心问题是混淆了原始字符串字符数和HTML转义后实际字符数的区别，或者截取逻辑中存在额外转义操作，导致结果长度不符合预期。以下是针对性解决办法：

情况1：需要截取原始字符串的前1000个字符 #

• 先确认原始字符串长度：打印sValue.length，如果原始长度本身超过1000，sValue.substr(0,1000)必然返回1000个字符。若你统计的结果是1136，大概率是截取后对结果做了HTML转义，导致原本的单个特殊字符（如&）被转成&（5个字符），整体长度增加。
• 解决：如果不需要后续转义，直接使用截取后的结果；如果必须转义，要明确这是正常的编码后的长度，而非原始截取长度。

情况2：需要截取转义后显示的1000个实际字符 #

这种场景下，要先把HTML转义字符解码成实际字符，截取后再转回义，步骤如下：

// 解码HTML转义字符
function decodeHtml(html) {
  const textArea = document.createElement('textarea');
  textArea.innerHTML = html;
  return textArea.value;
}

// 编码HTML转义字符
function encodeHtml(text) {
  const textArea = document.createElement('textarea');
  textArea.textContent = text;
  return textArea.innerHTML;
}

// 处理流程
const decodedStr = decodeHtml(sValue);
const truncatedStr = decodedStr.substr(0, 1000);
const finalStr = encodeHtml(truncatedStr);

这样得到的finalStr，实际显示的字符数是1000，即使转义后原始字符数超过1000，也符合你的需求。

额外排查点 #

• 检查是否有重复转义：比如原始字符串已经是转义后的，后续代码又做了一次转义，导致字符数翻倍增长。可以打印sValue的原始内容，确认是否存在&这类重复转义的字符。
• 确认substr的使用：JavaScript中substr(0, 1000)的第二个参数是截取长度，若误写为其他参数规则的截取方法，可能导致结果不符合预期。

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