JS多个条件筛选过滤数组（数组中包含对象、数组）

客官°小女子只卖身不卖艺 2024-04-01 12:48 96阅读 0赞

![在这里插入图片描述][9c24b85e0bd44535b26656ad501c0db2.png_pic_center]

##  第005个示例 ##

本示例是将一个包含多个对象的数组，每个内部对象中包括字符串，包括数组。解决的问题是，根据东哥不通过的过滤条件，获取到某些内部对象，并凑成一个新的数组

#### 专栏目录 ####

[JS应用示例100+ 目录][JS_100_]

#### 项目背景： ####

一个项目中，需要根据不同条件的筛选，选出一个数组对象中的某几个凑成一个新的数组。

#### 项目效果： ####

![在这里插入图片描述][dff2b1339a3549fa849b59d480a9995d.png_pic_center]

#### 项目代码： ####

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)

[9c24b85e0bd44535b26656ad501c0db2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/342cf6a9ff834713a3bf00ad6965b58b.png
[JS_100_]: https://blog.csdn.net/cuclife/article/details/126724209
[dff2b1339a3549fa849b59d480a9995d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5f4fdb0fc9bf4ea18f79e5332fae3847.png

发表评论取消回复

表情：

评论列表（有 0 条评论，96人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS多个条件筛选过滤数组（数组中包含对象、数组）

![在这里插入图片描述][9c24b85e0bd44535b26656ad501c0db2.png_pic_center] 第005个示例本示例是将一个包

客官°小女子只卖身不卖艺/ 2024年04月01日 12:48/ 0 赞/ 97 阅读

相关 js 多维数组/对象转一维数组对象

多维对象转数组： ![c91b0ddae1654dda8fb4081ab5c313de.png][] let objTree = { nam

Bertha 。/ 2023年10月07日 20:01/ 0 赞/ 91 阅读

相关 js 筛选删除数组中符合条件的所有元素

filter用于对数组进行过滤。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意：filter()不会对空数组进行检测、不会改变原始数组

小灰灰/ 2023年09月27日 21:21/ 0 赞/ 35 阅读

相关根据对象数组属性将数组对象分割成多个数组

场景：已选组织类型数据（这里包含多个不同的组织类型），前端需要展示不同组织类型下，已选的组织数据。分析：后端返回的是一个没有分组的对象数组，前端需要实现根据对象数组

约定不等于承诺〃/ 2023年02月21日 11:57/ 0 赞/ 66 阅读

相关按ID数组过滤对象数组

activeIds = [202，204] serviceList = [{ “ id”：201，

本是古典何须时尚/ 2023年01月01日 01:51/ 0 赞/ 126 阅读

相关两个对象数组筛选出不同

有这么一个需求 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

秒速五厘米/ 2022年11月15日 11:56/ 0 赞/ 209 阅读

相关 js数组分割成多个数组

function group(data,index) { if(data && index == 0){ var data

谁践踏了优雅/ 2022年10月12日 01:36/ 0 赞/ 238 阅读

相关 JS数组数据的重组，过滤，筛选，拼接方法

filter() 数组重组方法 [https://www.runoob.com/cssref/css3-pr-filter.html][https_www.runoob.com

喜欢ヅ旅行/ 2022年10月02日 09:53/ 0 赞/ 304 阅读

相关 jquery中的数组过滤筛选-$.grep()

jquery中有个grep()方法用于数组元素过滤筛选，悲剧的是，平时我们用的api文档中找不到这个说明。[查看官方说明][Link 1] grep()的使用方法： gr

爱被打了一巴掌/ 2022年07月16日 14:52/ 0 赞/ 205 阅读

相关 JS 根据数组对象的属性拆分成多个数组

在开发渲染多个echarts图表时，需要将数组根据属性分组成多个数组，以下是实际的数组处理 let BaseLineAndLessonLearnByGroup

快来打我*/ 2021年09月24日 16:08/ 0 赞/ 634 阅读