如何用JavaScript的indexOf检测字符串是否包含√（根号）字符

问题场景 #

在JavaScript中检测字符串里的√字符时遇到两个问题：

1. 搜索普通字符（如"f"）能触发弹窗，但弹窗内的√显示为乱码√
2. 直接用string.indexOf("√")检测根号字符时，完全无法触发弹窗，检测无效

测试代码如下：

// 测试1：搜索"f"能触发弹窗，但√乱码
var string = '√ foobar'
if (string.indexOf("f") > -1) { alert(string); }

// 测试2：搜索√无反应
var string = '√ foobar'
if (string.indexOf("√") > -1) { alert(string); }

问题根源 #

核心是字符编码不匹配：

• 页面未声明UTF-8编码，导致浏览器用默认编码解析时，√字符被转码为乱码
• 代码文件编码与浏览器解析编码不一致，直接写在代码里的√字符实际存储的编码和字符串中的编码不匹配，导致检测失败

解决方案 #

1. 先声明页面UTF-8编码（必做）

在HTML页面的<head>标签中添加编码声明，确保浏览器用UTF-8解析所有内容：

<meta charset="UTF-8">

添加后，直接用indexOf检测√就能正常工作，弹窗里的字符也不会乱码。

2. 用Unicode转义字符（跨环境更稳妥）

如果担心不同环境下的编码兼容问题，可以直接使用√对应的Unicode转义序列\u221A来代替直接写√字符，这样无论编码环境如何，都能准确匹配：

var string = '√ foobar';
if (string.indexOf("\u221A") > -1) {
  alert(string);
}

3. ES6+ 更简洁写法

如果你的运行环境支持ES6及以上，可以用includes()方法替代indexOf，代码更直观：

var string = '√ foobar';
// 直接检测√
if (string.includes('√')) {
  alert(string);
}
// 或用Unicode转义
if (string.includes('\u221A')) {
  alert(string);
}

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