扫码阅读
手机扫码阅读
JavaScript 如何实现在搜索中忽略变音符号
482 2024-01-25
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
文章来源:
鲁飞
扫码关注公众号
变音符号是加在字母上的符号,用来改变字母的发音或区分拼写相似的词语,比如汉语拼音中的ü或带调符的á、à。
以JavaScript为例,变音符号可以造成字符比较和长度判断的差异。尽管name1和name2变量看起来都是"Amélie",它们全等比较和长度比较的结果都是false,因为它们在底层的编码上有差异。
在docsify中,存在一个需求是在搜索时忽略变音符号,使得搜索"Amelie"可以找到"Amélie"。然而,docsify默认并不支持这一功能,需要通过剔除字符串中的变音标记后再进行搜索匹配。
为了实现这一功能,我们可以使用JavaScript的normalize方法,并传入NFD参数来分解字符串。由于带变音符号的字符在UTF-8中用两个字节表示,通过normalize方法可以将字符和变音标记分成独立的字节。
分解后,可以利用replace方法配合正则表达式删除变音标记,从而实现变音符号的忽略。示例如下:
"Amélie".normalize('NFD').replace(/[\u0300-\u036f]/g, '') > "Amelie"
这样,我们就可以在不考虑变音符号的情况下完成搜索匹配。
参考资料:
想要了解更多内容?
文章来源:
鲁飞
扫码关注公众号
鲁飞的其他文章
simps/mqtt:适用于 PHP 的 MQTT 协议解析和协程客户端
也许这是第一个支持 MQTT v5.0 协议的 PHP library…
微信扫描带参数的二维码事件推送返回 qrscene_0
在调用微信接口时需要注意数据格式,不要只关注参数
张嘴吃安利之 PhpStorm 中的 HTTP 客户端
安利一下 PhpStorm 中的 HTTP 客户端
GitHub Actions 真香系列之scp和ssh
虽然现在有 k8s 作为部署服务,但也有一部分的业务还是使用传统的方式,在服务器上使用 LNMP 进行部署 Web 站点。
MQTT 怎么在单独一个端口上分别使用 v3.x 和 v5.0 协议解析?
在 1883 端口上,同时处理 v3.1、v3.1.1 和 v5.0 这 3 种协议等级
加入社区微信群
与行业大咖零距离交流学习
软件研发质量管理体系建设
白皮书上线