位置:首页 > web前端 > javascript

使用filter过滤多层数据结构

dearweb 发布:2021-11-16 11:28:16阅读:

在平时的工作中我们一般对数据过滤的处理比较多,而且大多是一层数组结构,今天主要介绍的是如何过滤多层数组结构,希望各位小伙伴看完收藏我!

数组结构代码

let courseTimeList = [
        {
          id: 1,
          courseTimeOneList: [
            {
              maxNumber: '30',
              price: '',
              teacherId: '5b7bbe50da9540fcb1d84e4e2f00fa8b',
              teacherName: '888999',
              theDate: '2021-11-19',
              theTimeBeginToEnd: '',
              index: [0, 3],
              unitPrice: '50',
              monthDayStr: '����',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
          timeBeginEnd: '08:00 - 09:00',
          type: '����',
        },
        {
          id: '',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          timeBeginEnd: '09:10 - 10:10',
          type: '����',
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
        {
          id: '',
          timeBeginEnd: '10:20 - 11:20',
          type: '����',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
        {
          id: '',
          timeBeginEnd: '11:30 - 12:30',
          type: '����',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
        {
          id: '',
          timeBeginEnd: '13:00 - 14:00',
          type: '����',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
        {
          id: '',
          timeBeginEnd: '14:10 - 15:10',
          type: '����',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
        {
          id: '',
          timeBeginEnd: '15:20 - 16:20',
          type: '����',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
        {
          id: '',
          timeBeginEnd: '16:30 - 17:30',
          type: '����',
          courseTimeOneList: [
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
            {
              maxNumber: '',
              price: '',
              teacherId: '',
              teacherName: '',
              theDate: '',
              theTimeBeginToEnd: '',
              unitPrice: '',
              monthDayStr: '',
            },
          ],
          idspan: 1,
          iddis: false,
          courseTimeOneListspan: 1,
          courseTimeOneListdis: false,
        },
      ]

核心代码

courseTimeList.filter((item) => {
        item.courseTimeOneList = item.courseTimeOneList.filter((o) => {
          //这里判断name中是否包含所搜索的内容,filter函数的返回值是布尔值,为true则表示存在会保留在数组中,为false则过滤掉
          if (o.teacherName) {
            return o
          }
        })
        if (item.courseTimeOneList.length > 0) {
          return item //这里一定要写返回值,不然过滤的结果会一直是空
        }
      })

最终控制台打印的结果

image.png

[
    {
        "id": 1,
        "courseTimeOneList": [
            {
                "maxNumber": "30",
                "price": "",
                "teacherId": "5b7bbe50da9540fcb1d84e4e2f00fa8b",
                "teacherName": "888999",
                "theDate": "2021-11-19",
                "theTimeBeginToEnd": "",
                "index": [
                    0,
                    3
                ],
                "unitPrice": "50",
                "monthDayStr": "����"
            }
        ],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false,
        "timeBeginEnd": "08:00 - 09:00",
        "type": "����"
    },
    {
        "id": "",
        "courseTimeOneList": [],
        "timeBeginEnd": "09:10 - 10:10",
        "type": "����",
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    },
    {
        "id": "",
        "timeBeginEnd": "10:20 - 11:20",
        "type": "����",
        "courseTimeOneList": [],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    },
    {
        "id": "",
        "timeBeginEnd": "11:30 - 12:30",
        "type": "����",
        "courseTimeOneList": [],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    },
    {
        "id": "",
        "timeBeginEnd": "13:00 - 14:00",
        "type": "����",
        "courseTimeOneList": [],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    },
    {
        "id": "",
        "timeBeginEnd": "14:10 - 15:10",
        "type": "����",
        "courseTimeOneList": [],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    },
    {
        "id": "",
        "timeBeginEnd": "15:20 - 16:20",
        "type": "����",
        "courseTimeOneList": [],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    },
    {
        "id": "",
        "timeBeginEnd": "16:30 - 17:30",
        "type": "����",
        "courseTimeOneList": [],
        "idspan": 1,
        "iddis": false,
        "courseTimeOneListspan": 1,
        "courseTimeOneListdis": false
    }
]

以上就是多维数组的遍历方法,看懂的小伙伴记得收藏我。

24人点赞 返回栏目 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

手机扫码查看 手机扫码查看