第005个示例
本示例是将一个包含多个对象的数组,每个内部对象中包括字符串,包括数组。解决的问题是,根据东哥不通过的过滤条件,获取到某些内部对象,并凑成一个新的数组
专栏目录
项目背景:
一个项目中,需要根据不同条件的筛选,选出一个数组对象中的某几个凑成一个新的数组。
项目效果:
项目代码:
let array = [
{
date: '2022-05-02',
name: 'cuclife',
status: 'success',
tag: '70',
band:['R','B']
},
{
date: '2022-05-04',
name: 'Lily',
status: 'fail',
tag: '50',
band:['R','G']
},
{
date: '2022-05-01',
name: 'Kevin',
status: 'success',
tag: '20',
band:['R','G','B']
},
{
date: '2022-05-02',
name: 'Kevin',
status: 'success',
tag: '70',
band:['R','G','B','RE']
},
];
let filterBand=['R','G','RE']; //条件1
let filterNames = ['Lily', 'Kevin']; //条件2
let filterTag =["20",'70']; //条件3
let result = array.filter((a,i)=>{
return ( filterNames.some(f=>(f === a.name)) &&filterTag.some(f=>(f === a.tag)) && filterBand.some(f=>( a.band.includes(f))) )
})
console.log(result)
No. | 大剑师精品GIS教程推荐 |
---|---|
0 | 地图渲染基础- 【WebGL 教程】 - 【Canvas 教程】 - 【SVG 教程】 |
1 | Openlayers 【入门教程】 - 【源代码+示例 300+】 |
2 | Leaflet 【入门教程】 - 【源代码+图文示例 150+】 |
3 | MapboxGL 【入门教程】 - 【源代码+图文示例150+】 |
4 | Cesium 【入门教程】 - 【源代码+综合教程 200+】 |
5 | threejs 【中文API】 - 【源代码+图文示例200+】 |
6 | Shader 编程 【图文示例 100+】 |
7 | Geoserver 【配置教程 100+】 |
8 | 卫星应用开发教程 【配置+应用教程 100+】 |
9 | GIS数字孪生与大模型 【应用实战 100+】 |
10 | 报表与数字大屏 【Echarts 实战示例】 - 【D3 综合教程】 - 【其他大屏】 |