js如何遍历不规则多维数组，去除type=0的部分，并返回新的数组，求指导


var list = [{
            "id": "0",
            "name": "Session",
            "type": 1,
            "children": [{
                "id": "47",
                "name": "文件夹1",
                "parentId": 0,
                "resourceId": 0,
                "description": "",
                "type": "0",
                "children": [{
                    "id": "44",
                    "name": "192.168.3.144",
                    "parentId": 47,
                    "resourceId": 44,
                    "description": "",
                    "type": "1",
                    "children": []
                }]
            }, {
                "id": "48",
                "name": "文件夹2",
                "parentId": 0,
                "resourceId": 0,
                "description": "",
                "type": "0",
                "children": [{
                    "id": "50",
                    "name": "192.168.3.143",
                    "parentId": 48,
                    "resourceId": 45,
                    "description": "",
                    "type": "1",
                    "children": []
                }]
            }, {
                "id": "49",
                "name": "文件夹3",
                "parentId": 0,
                "resourceId": 0,
                "description": "",
                "type": "0",
                "children": [{
                    "id": "51",
                    "name": "192.168.3.145",
                    "parentId": 49,
                    "resourceId": 46,
                    "description": "",
                    "type": "1",
                    "children": []
                }, {
                    "id": "52",
                    "name": "ceshi",
                    "parentId": 49,
                    "resourceId": 47,
                    "description": "",
                    "type": "1",
                    "children": []
                }, {
                    "id": "53",
                    "name": "文件夹3-1",
                    "parentId": 49,
                    "resourceId": 0,
                    "description": "",
                    "type": "0",
                    "children": [{
                        "id": "55",
                        "name": "ceshi3-1",
                        "parentId": 53,
                        "resourceId": 48,
                        "description": "",
                        "type": "1",
                        "children": []
                    }]
                }, {
                    "id": "54",
                    "name": "文件夹3-2",
                    "parentId": 49,
                    "resourceId": 0,
                    "description": "",
                    "type": "0",
                    "children": []
                }]
            }]
        }, {
            "id": "47",
            "name": "文件夹1",
            "parentId": 0,
            "resourceId": 0,
            "description": "",
            "type": "0",
            "children": [{
                "id": "44",
                "name": "192.168.3.144",
                "parentId": 47,
                "resourceId": 44,
                "description": "",
                "type": "1",
                "children": []
            }]
        }, {
            "id": "44",
            "name": "192.168.3.144",
            "parentId": 47,
            "resourceId": 44,
            "description": "",
            "type": "1",
            "children": []
        }, {
            "id": "48",
            "name": "文件夹2",
            "parentId": 0,
            "resourceId": 0,
            "description": "",
            "type": "0",
            "children": [{
                "id": "50",
                "name": "192.168.3.143",
                "parentId": 48,
                "resourceId": 45,
                "description": "",
                "type": "1",
                "children": []
            }]
        }, {
            "id": "50",
            "name": "192.168.3.143",
            "parentId": 48,
            "resourceId": 45,
            "description": "",
            "type": "1",
            "children": []
        }, {
            "id": "49",
            "name": "文件夹3",
            "parentId": 0,
            "resourceId": 0,
            "description": "",
            "type": "0",
            "children": [{
                "id": "51",
                "name": "192.168.3.145",
                "parentId": 49,
                "resourceId": 46,
                "description": "",
                "type": "1",
                "children": []
            }, {
                "id": "52",
                "name": "ceshi",
                "parentId": 49,
                "resourceId": 47,
                "description": "",
                "type": "1",
                "children": []
            }, {
                "id": "53",
                "name": "文件夹3-1",
                "parentId": 49,
                "resourceId": 0,
                "description": "",
                "type": "0",
                "children": [{
                    "id": "55",
                    "name": "ceshi3-1",
                    "parentId": 53,
                    "resourceId": 48,
                    "description": "",
                    "type": "1",
                    "children": []
                }]
            }, {
                "id": "54",
                "name": "文件夹3-2",
                "parentId": 49,
                "resourceId": 0,
                "description": "",
                "type": "0",
                "children": []
            }]
        }, {
            "id": "51",
            "name": "192.168.3.145",
            "parentId": 49,
            "resourceId": 46,
            "description": "",
            "type": "1",
            "children": []
        }, {
            "id": "52",
            "name": "ceshi",
            "parentId": 49,
            "resourceId": 47,
            "description": "",
            "type": "1",
            "children": []
        }, {
            "id": "53",
            "name": "文件夹3-1",
            "parentId": 49,
            "resourceId": 0,
            "description": "",
            "type": "0",
            "children": [{
                "id": "55",
                "name": "ceshi3-1",
                "parentId": 53,
                "resourceId": 48,
                "description": "",
                "type": "1",
                "children": []
            }]
        }, {
            "id": "55",
            "name": "ceshi3-1",
            "parentId": 53,
            "resourceId": 48,
            "description": "",
            "type": "1",
            "children": []
        }, {
            "id": "54",
            "name": "文件夹3-2",
            "parentId": 49,
            "resourceId": 0,
            "description": "",
            "type": "0",
            "children": []
        }]

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答默认最新

峰子哥哥 2021-09-09 09:50

关注


    console.log(list);

    //剔除无子节点并且type==0的 只取type==1或者有子节点的
    getList(list);

    //删除type==0的，包括其下的子节点，只保留type==1的
    // removeList(list);

    console.log(list);


    function getList(list) {
        for (let i = 0; i < list.length; i++) {
            let item = list[i];
            if (item.children && item.children.length > 0) {
                getList(item.children);
            }
            if (item.type === "0" && (!item.children || item.children.length === 0)) {
                list.splice(i, 1);
                i--;
            }
        }
    }

    function removeList(list) {
        for (let i = 0; i < list.length; i++) {
            let item = list[i];
            if (item.children && item.children.length > 0) {
                removeList(item.children);
            }
            if (item.type === "0") {
                list.splice(i, 1);
                i--;
            }
        }
    }

提供了两种场景的解决方案，如果能帮到你，望【采纳】

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(3条)

报告相同问题？

关注问题

js如何遍历不规则多维数组，去除type=0的部分，并返回新的数组，求指导 vue.js
2021-09-09 01:38

回答 4 已采纳 console.log(list); //剔除无子节点并且type==0的只取type==1或者有子节点的 getList(list); //删除type==0
循环遍历每个多维数组并回显一个数组 php
2017-09-05 15:37

回答 1 已采纳 You can loop over Solutions like this: foreach($result['CalculateOverheadDoorSpringsResult']['Spr
如何吧一维数组变成多维数组用原生js javascript 前端
2022-08-08 16:02

回答 1 已采纳 function fn(arr, num) { let newArr = [] const total = Math.ceil(arr.length
JS递归实现遍历不规则多维数组的方法
2020-03-09 13:44

前端杨小白的博客 } return arr }, this.traverse(this.typeChoose,scope.number) // 模型选择器赋值去除为children空数组 traverse(arr,value) { if(arr.length){ arr.forEach(item => { Vue.set(item,"name",item.label.name) Vue...
请问js怎么实现找到多维数组指定某个维度的项？？ javascript
2023-02-09 19:22

回答 4 已采纳问了下原公司的老大，帮忙给出了答案，记录一下~ ```javascript let arr = [1, 2, [3, 4, [5, 6, [7, 8]]]] const arrFlat = (arr
如何遍历$ _FILES数组的多维数组 php
2019-03-10 12:00

回答 4 已采纳 You can use this: $keys = array_keys($_FILES); // get all the fields name $res = array_map(null,
递归遍历PHP多维数组进行比较 php
2016-02-23 12:27

回答 2 已采纳 You could use this recursive function: function storeFromIndex($marr, $indexer) { if (!is_arr
前端最新2022面试题(JS)
2022-06-14 21:10

前端小尘的博客缺点：会引起内存泄漏使用闭包的注意点：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不...
怎么把一多维数组中NaN替换成0 javascript 前端
2021-07-30 16:00

回答 4 已采纳遍历 var arr = [new Float32Array([NaN, NaN]), new Float32Array([1, NaN])]; arr.forEach((v
vue-element-admin改为后端获取路由，把后端返回的多维数组转为对应菜单？ javascript vue.js 前端
2022-08-10 19:07

回答 3 已采纳思路是这样的，首先vue-element-admin下载下来的demo是可以正常显示菜单的，此时找到渲染菜单的组件，输出菜单渲染变量的整个数据，这个是你需要参考的最终接口过来的菜单数据需要组装成的样子
js拼接三个多维数组，把里面相同的值加在一起 javascript
2022-03-22 11:21

回答 2 已采纳 // 放入二维数组（可放入多个），例如：mixArr(arr1,arr2,arr3) function mixArr() { let allArr = [];
【JS提升】ES6/ES7数组方法
2022-05-22 09:17

小管打天下的博客 JavaScript内置对象方法：1.1. Array.prototype.copyWithin（ES2015 ES6）概念写法描述拷贝对象/数组位移重写1.2. generator与iterator（ES2015 ES6）铺垫概念写法迭代器实现1.3. Array.prototype.entries（ES2015 ...
多维数组遍历后某个字段相加 javascript node.js vue.js
2023-01-17 15:05

回答 7 已采纳 res_data.forEach(item=>{ if (item.goods_list.length > 0) { item.goods_list.forEach
2024前端面试题！（附答案及解析）（2024.4月最新版）
2023-03-27 14:44

Komorebi ঞ꧔ꦿ的博客 2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.4月最新版）
前端 ---有关数组总结
2019-10-30 12:32

年轻即出发的博客最新数组方法（包括es6）整理目前所用过的数组方法，学习了新增的es6方法。 1、数组的方法 1arr.push()从后面添加元素，返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 ...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 9月17日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 9月9日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 9月9日

悬赏问题

¥15 fluent的在模拟压强时使用希望得到一些建议
¥15 STM32驱动继电器
¥15 Windows server update services
¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
¥15 模糊pid与pid仿真结果几乎一样
¥15 java的GUI的运用
¥15 Web.config连不上数据库
¥15 我想付费需要AKM公司DSP开发资料及相关开发。
¥15 怎么配置广告联盟瀑布流
¥15 Rstudio 保存代码闪退

js如何遍历不规则多维数组，去除type=0的部分，并返回新的数组，求指导

4条回答 默认 最新

问题事件

悬赏问题

4条回答默认最新