js indexOf实现模糊搜索时区分大小写问题解决
在如今 前端开发在整个开发过程中，也要处理很多数据逻辑了 那么模糊搜索 用filter数组过滤 与 indexOf模糊搜索 显然是很不错的写法 但indexOf 有个很大的问题 那就是 他是区分大小写的 例如 L 和 l 在indexOf下是不能匹配的 那么这个时候我们就需要将他们转换过来
toUpperCase 将字符串变量转成大写 toLowerCase 将字符串变量转成小写
显然，这两个方法都能解决问题
参考代码如下
let data = [
{
id: 1,
name: Gr你好
},
{
id: 2,
name: gG 这是一局愉快的游戏
},
{
id: 3,
name: 数据编制的时代
}
]
let text = g
let distinguish = data.filter((e) => e.name.indexOf(text) != -1)
let nodistinguish = data.filter((e) => e.name.toLowerCase().indexOf(text.toLowerCase()) != -1)
console.log(distinguish); //[{id: 2,name: gG 这是一局愉快的游戏}]
console.log(nodistinguish); /* [{id: 1,name: Gr你好},{id: 2,name: gG 这是一局愉快的游戏}] */
其实原理也很简单 就是将条件和内容都转成大写 或者 都转成小写 在进行过滤
