前言
最近有这样一个需求,假如后端传过来一个list,现在要筛选这个list里面name为张三的对象,要求用正则来过滤。
思考
第一个就想到了用正则表达式来过滤,先给出元数据:
let users = [{
id: 1,
name: '张三'
},
{
id: 2,
name: '特朗普'
},
{
id: 3,
nanme: '奥巴马'
}
];
console.log(JSON.stringify(users));
看看打印的效果:
正则表达式
先使用正则表达式来过滤,代码如下:
// 正则表达式过滤
let res = users.filter(item => {
if (new RegExp(/\S[\u5f20\u4e09]\S/g).test(JSON.stringify(item)))
return item;
});
console.log(res);
解释:
\S,表示匹配全部字符
[],表示元字符匹配
\u5f20\u4e09,是张三的Unicode编码
g,是全局匹配
因为不能直接匹配汉字,我们需要对汉字进行编码,给出编码网站:https://tool.chinaz.com/tools/unicode.aspx
filter
后来发现有更简单的方法,使用filter方法可以直接进行过滤,这是ES6新加入的,代码如下:
// filter过滤
users = users.filter((item) => {
return item.name == '张三';
});
console.log(users);
效果图
最后,我们来看看效果图:
可以看到,已经成功实现了筛选