树形结构数组数据过滤

最新推荐文章于 2024-07-31 18:13:00 发布

程序员小王同学

最新推荐文章于 2024-07-31 18:13:00 发布

阅读量505

点赞数

文章标签： javascript 开发语言 filter

本文链接：https://blog.csdn.net/xiaomao_wxj/article/details/128422837

版权

本文探讨了在JavaScript中处理树形结构数据时，如何正确使用forEach和filter方法过滤三级数据的问题。错误代码展示了在不改变原数组的情况下无法过滤掉禁投的三级数据，而正确代码则提供了有效解决方案，通过直接赋值实现过滤。同时，还展示了如何过滤掉没有三级的二级数据，确保数据结构的准确性。

摘要由CSDN通过智能技术生成

树形结构数据，对三级数据进行filter过滤时，遇到的问题：

forEach、filter方法均不会改变原数组

this.cate为树形数据
错误代码：这种拿不到this.cate，this.cate会显示undefined

// 过滤掉禁投的三级
this.cate = this.cate.forEach(catelv1 => {
     catelv1['children'].forEach(catelv2 => {
         catelv2['children'].filter(catelv3 => {
               return !catelv3.banCategory
         })
      })
})

正确代码：需要使用catelv2[‘children’]接一下

// 过滤掉禁投的三级
this.cate.forEach(catelv1 => {
     catelv1['children'].forEach(catelv2 => {
         catelv2['children'] = catelv2['children'].filter(catelv3 => {
               return !catelv3.banCategory
         })
      })
})
// 过滤掉没有三级的二级
this.cate.forEach(item => {
     item['children'] = item['children'].filter(val => {
          return val.children.length
     })
})