如何使用lastIndexOf()函数处理符号？HTML实体匹配失败求助

我明白你遇到的困惑了——这本质上是HTML实体编码和实际Unicode字符的区别在搞鬼，咱们一步步拆解清楚：

为什么直接用√能匹配成功？ #

你的str变量里存储的是实际的Unicode字符（U+221A），也就是肉眼看到的√符号。indexOf()和lastIndexOf()是严格匹配字符串字面量的，所以直接写str.indexOf("√")自然能找到对应的位置，这种用法完全规范！现代JavaScript对Unicode字符的支持已经很完善，只要你的代码文件是UTF-8编码（现在几乎所有项目都是），直接写√字符没有任何问题。

另外，你也可以用Unicode转义序列"\u221A"来代替√，效果是完全一样的，比如：

const str = "包含√的字符串";
console.log(str.indexOf("\u221A")); // 和str.indexOf("√")返回相同索引

为什么用"√"会返回-1？ #

√是√的HTML实体编码，这个编码只有在浏览器解析HTML的时候，才会被转换成实际的√字符。如果你的str变量里存储的是已经解析后的文本（比如通过element.textContent获取的内容），那里面根本没有"√"这个字符串，自然匹配不到，返回-1。

关于你提到的HTML编码思路 #

如果在HTML里把√写成√，分两种情况：

• 用textContent获取元素内容：浏览器已经把实体转换成了√字符，此时还是要用indexOf("√")或indexOf("\u221A")来匹配；
• 用innerHTML获取元素内容：得到的会是原始的"√"字符串，这时候用indexOf("√")就能成功匹配。

举个实际代码例子：

<p id="test">这是一个&#x0221A;符号</p>
<script>
const elem = document.getElementById("test");
// 获取解析后的文本内容
const textStr = elem.textContent;
console.log(textStr.indexOf("√")); // 正确返回索引
console.log(textStr.indexOf("&#x0221A;")); // 返回-1

// 获取原始HTML源码内容
const htmlStr = elem.innerHTML;
console.log(htmlStr.indexOf("&#x0221A;")); // 正确返回索引
</script>

总结 #

• 操作DOM文本内容时：用实际的√字符或"\u221A"转义序列匹配，规范且可靠；
• 操作HTML源码字符串时：用"√"实体编码字符串匹配。

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