JavaScript 如何实现在搜索中忽略变音符号
发布于 2024-01-25
1122
版权声明
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
鲁飞
扫码关注公众号
扫码阅读
手机扫码阅读
变音符号是加在字母上的符号,用来改变字母的发音或区分拼写相似的词语,比如汉语拼音中的ü或带调符的á、à。
以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"
这样,我们就可以在不考虑变音符号的情况下完成搜索匹配。
参考资料:
鲁飞
鲁飞
扫码关注公众号
还在用多套工具管项目?
一个平台搞定产品、项目、质量与效能,告别整合之苦,实现全流程闭环。
查看方案
鲁飞的其他文章
Nginx目录浏览并进行美化
Nginx 作为一个高性能的 HTTP 和反向代理 web 服务器,默认不允许列出站点的整个目录,如果需要开启,可以通过配置打开此功能。
你不知道的PHP小技巧之计算文本相似度
有这样一个需求:需要对于用户发布的内容标题进行相似度对比,如果有之前的内容和当前发布的内容标题相似度到达某个阈值时则禁止发布或进行其他的一些操作。
为 Docsify 自动生成 RSS 订阅
为Docsify等静态站点自动生成RSS订阅
给你的项目增加 Git WebHooks
让你的项目支持 WebHooks,并且可以自定义 WebHooks 的规则。
PHP8正式版发布,带来了注解和JIT
PHP8 正式版已经发布,来看看都有哪些新特性
加入社区微信群
与行业大咖零距离交流学习
PMO实践白皮书
白皮书上线
白皮书上线