js中如何对嵌套数组进行filter过滤
作者：xjc233
这篇文章主要介绍了js中如何对嵌套数组进行filter过滤问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
js对嵌套数组进行filter过滤
最近碰到一个需求，对嵌套数组进行filter过滤，但是搜遍了CSDN,没有找到合适的答案，最后也是解决了，记录一下解决方法
由于返回的数据类型太复杂，这里只做一个小的样例
listData = [
{
name: 'zhangsan'
data: [A,B,C]
},
{
name: 'lisi'
data: [D,E,F]
}
]要求便是在data数组中进行筛选，筛选出对应的name，filter只能对第一层进行筛选，当时想到的是使用两层filter，但是没有用，最后经过多次实验，最后发现filter+find可以使用，看一下代码部分
const filterRepositoryList = () => {
if (
!slectedInfo.sigSelected &&
!slectedInfo.repositiorySelected &&
!slectedInfo.maintainerSelected
) {
repoRenderList.value = repositioryList.value.slice(0, 99);
getSigList(initialParams);
} else {
SigList.value = _.filter(allList.value, (item: any) => {
return (
(!slectedInfo.sigSelected ||
item.sig_name === slectedInfo.sigSelected) &&
(!slectedInfo.repositiorySelected ||
item.repos.find((subItem: string) => {
return subItem === slectedInfo.repositiorySelected;
})) &&
(!slectedInfo.maintainerSelected ||
item.maintainers.find((subItem: string) => {
return subItem === slectedInfo.maintainerSelected;
}))
);
});
paginationData.value.total = SigList.value.length;
}
};这个代码比较全了，包含了筛选的全部逻辑，因为当时删选的表格下面还有一个分页条，所以进行了判空，为空就展示全部数据，加一个分片，不为空，就筛选，看一下代码的主要部分
// 安装了lodash，所以用了lodash的筛选
SigList.value = _.filter(allList.value, (item: any) => {
return (
(!slectedInfo.sigSelected ||
item.sig_name === slectedInfo.sigSelected) &&
// 双层筛选主要代码，在data数组中进行find
(!slectedInfo.repositiorySelected ||
item.repos.find((subItem: string) => {
return subItem === slectedInfo.repositiorySelected;
})) &&
(!slectedInfo.maintainerSelected ||
item.maintainers.find((subItem: string) => {
return subItem === slectedInfo.maintainerSelected;
}))
);
});这样就实现了一个双层的过滤。
js多层数组的Filter过滤
// 搜索框过滤
function searchFilter(list, key, num, prevList) {
for (let i = list.length - 1; i >= 0; i--) {
let item = list[i]
if (item.children && Array.isArray(item.children) && item.children.length > 0) {
searchFilter(item.children, key, i, list);
} else {
if (item.title && !item.title.includes(key)) {
list.splice(i, 1)
}
}
}
if (Array.isArray(list) && list.length == 0) {
if(prevList && num){
prevList.splice(num, 1)
}
}
}
//调用
searchFilter(list,key)总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。