---

一、一维数组过滤

1、filter

javascript">let arr = [{id: 1,name: "张三",age: 18},{id: 2,name: "李四",}
]
arr = arr.filter(item => !!item.age);
console.log(arr) // [{id: 1,name: "张三",age: 18}]

2、map

javascript">let arr = [{id: 1,name: "张三",},{id: 2,name: "李四",}
]
let ids = arr.map(item => item.id);
console.log(ids) // [1,2]

---

二、复杂数组过滤

map、filter 结合使用

javascript">/**
* sub.id: 123
* row.id: "id-123"
* 输出sub.id和row.id不同的项
*/
let new_arr = old_arr.map((item, index) => {if (!!item.children)item.children = item.children.filter(sub => sub.id !== row.id)return item;
}).filter(item => item.children && item.children.length > 0);

---

三、树形数据过滤

递归

javascript">// 过滤有文件的数据
filterTree(tree) {const result = [];for (const item of tree) {const res = this.heplFun(item);if (res) {result.push(res);}}return result;
},
// 过滤文件的条件
heplFun(item) {// 判断条件地方if (item.pageCount) {return item;}const curent = { ...item, children: [] };if (item.children && item.children.length > 0) {for (const child of item.children) {const res2 = this.heplFun(child);if (res2) {curent.children.push(res2);}}}return curent.children.length > 0 ? curent : null;
},

---

四、过滤附件数组 — filter、map、findIndex

javascript">/**
* 给fileList数组的url加api前缀
* previewSrcList 过滤fileList的url组成新数组
* Index 附件预览时图片地址在previewSrcList数组中的下标
*/
fileList.filter(item => {return item.url = item.url.indexOf('/Api') > -1 ? item.url : '/Api' + item.url
})
previewSrcList = fileList.map(item => item.url)
Index = previewSrcList.findIndex(item => item === file.url);

---