在上家公司工作的时候,有一个需求是在前端部分完成筛选功能,一次拿到所有数据,然后根据条件筛选。通常情况下筛选是后台给接口,在数据量不大的情况下,也有人可能会遇到前端筛选这样的情况,特别写了这篇文章分享给大家,有问题请指出,互相学习。
一般情况下的单条件筛选,数组的filter方法就能够满足需求,本文讨论的重点是多条件下的复合筛选,并列出了几个相关知识点。
以下是很多个????
// 这个是例子中的被筛选数组
var aim = [
{
name:'Anne', age: 23, gender:'female'},
{
name:'Leila', age: 16, gender:'female'},
{
name:'Jay', age: 19, gender:'male'},
{
name:'Mark', age: 40, gender:'male'}
]
复制代码
单条件单数据筛选
根据单个名字筛选,用filter方法,判断name是否为目标名字即可
// 根据单个名字筛选
function filterByName(aim, name) {
return aim.filter(item => item.name == name)
}
// 输入 aim 'Leila' 期望输出为 [{name:'Leila', age: 16, gender:'female'}]
console.log(filterByName(aim,'leila'))
复制代码
单条件多数据筛选
根据多个名字筛选,这里是用for循环遍历目标数组,然后用find方法找到后push到结果数组里,用find方法是重名情况下也能得到想要的结果。for循环可以用数组的一些遍历方法替代,代码可以更简化,示例就是大概表达个意思。
// 根据多个名字筛选
function filterByName1(aim, nameArr) {
let re