微信扫一扫8.5w+
社区成员
js遍历树结构
我想遍历这样的数据，得到qx为1的节点，和这个节点的直接子节点，数据格式为这样
[
{
"thisNode": "10000480",
"prientNode": "",
"qx": "0",
"children": [
{
"prientNode": "10000480",
"thisNode": "10000470",
"qx": "0",
"children": []
},
{
"prientNode": "10000480",
"thisNode": "10000420",
"children": [
{
"prientNode": "10000420",
"thisNode": "10000551",
"qx": "1",
"children": [
{
"prientNode": "10000420",
"thisNode": "10000551",
"qx": "1",
"children": []
}
]
}
]
}
]
}
]
[
{
"thisNode": "10000480",
"prientNode": "",
"qx": "0",
"children": [
{
"prientNode": "10000480",
"thisNode": "10000470",
"qx": "0",
"children": []
},
{
"prientNode": "10000480",
"thisNode": "10000420",
"children": [
{
"prientNode": "10000420",
"thisNode": "10000551",
"qx": "1",
"children": [
{
"prientNode": "10000420",
"thisNode": "10000551",
"qx": "1",
"children": []
}
]
}
]
}
]
}
]
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
weixin_41806047 2018-12-28
qx是什么呀
- 打赏
- 举报
IMyxuan 2017-11-14
用递归是最简单的解决办法啦
- 打赏
- 举报
GoCityPass新加坡曼谷通票 2017-11-09
d = [{
"thisNode": "10000480",
"prientNode": "",
"qx": "0",
"children": [
{
"prientNode": "10000480",
"thisNode": "10000470",
"qx": "0",
"children": []
},
{
"prientNode": "10000480",
"thisNode": "10000420",
"children": [
{
"prientNode": "10000420",
"thisNode": "10000551",
"qx": "1",
"children": [
{
"prientNode": "10000420",
"thisNode": "10000551",
"qx": "1",
"children": []
}
]
}
]
}
]
}
];
function findChildren(arr, key, value,callback) {
for (var i = 0; i < arr.length; i++) {
if (arr[i][key] == value) callback(arr[i].children)
findChildren(arr[i].children, key, value, callback);
}
}
findChildren(d, 'qx', '1', function (children) {
console.log(children)
});Web开发学习资料推荐
jqGrid colModel配置参数
Web前端开发教程
- 打赏
- 举报
js 遍历树结构数据改变数据中的key deviceData = [];//绑定在树形控件的data res.data.data.map((item: any) => { let childLists: any = [] item.children.map((ele: any) => { childLists.push({ title: ele.deviceN...
js递归遍历树结构（vue） 问题描述： 递归方式根据子级id查询该子级的父级 ...js递归遍历树结构</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <
js递归遍历树结构去除某些节点 // 过滤树节点 assemble(tree) { var newArr = []; for (var i = 0; i < tree.length; i++){ var item = tree[i]; if(item.type === 'test') { tree.splice(i--, 1); } else { i...
javascript 遍历树 获取目标路径 function getPath (data, id, cb) { var temppath = []; try { getNodePath(data); } catch (e) { console.log(e, temppath) } function getNodePath (node) { temppath.push(node.id);...
js循环遍历树形结构对象修改属性名 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> const data =[ ... sort..
JS查询遍历树后得到一颗新树 本篇文章主要介绍查询遍历树结构数据，然后得到一颗新树的方法。 1、需求如下： 要实现的效果是下图的样子，其难点主要在于对树的查询过滤后仍能得到一个保持原结构的结果树。 2、查询过滤树关键代码如下： （1）...
JS递归遍历树结构，根据条件删除树的某些节点 function filterTree (data) { var newTree = data.filter(x => x.grade !== 1) newTree.forEach(x => x.children &...根据条件删除树的某些节点。示例中条件为：grade !== 1 ...
es6遍历树结构并判断_递归遍历树结构，从某个节点开始查找其子节点中的所有叶子节点... 背景现在项目中哟这样的一个需求，左边显示一棵树目录，点击目录的一级或二级节点，右边显示其子节点中...树结构先来构造一个树形的array：var tree = [{"id": 1,"lv": "L1","pid": 0,"isLastLevel": 0,"des": "根"...
js 遍历树形结构(Tree)，根据id找到对应的name(递归) getTreeName(list,id){ let _this=this for (let i = 0; i < list.length; i++) { let a=list[i] if(a.id===id){ return a.name }else{ if(a.children && a.children.length>... ...
javascript递归遍历树形结构数组对象 * items 要遍历的数组 * childrenNodeName 子节点名称 * 执行后会直接更改原数组 */ function recursiveFunction(items, childrenNodeName) { // 获取数组长度 let len = items.length // 循环遍历数组 for (let...
Javascript遍历树的几种方式（前序遍历，中序遍历，后序遍历，层序遍历） 直接上代码吧~ 前序遍历，中序遍历，后序遍历 /** * Definition for a binary tree node. * function TreeNode(val, left, right) { * this.val = (val===undefined ? 0 : val) * this.left = (left===undefined ? ...
JS自上而下递归遍历计算树结构节点数值和 //自上而下进行数量累计计算 function updateTreeDataAdd(treeData,fieldName){ for(var i=0;i<treeData.length;i++){ //只有存在子集时，才进行累加计算，否则... //递归遍历并修改children的对应值 .
js 树形数据遍历之深度优先遍历 注：这种对树形数据的深度遍历在开发中比较常见，于是封装过程中业务逻辑部分尽量自定义。便阿里的流程写死。 具体实现如下： 数据结构： const DEEPDATA = [ { name: "all", children: [ { name: "图片", ...
es6遍历树结构并判断_JavaScript 处理树数据结构的方法示例 JavaScript 处理树结构数据场景即便在前端，也有很多时候需要操作 树结构 的情况，最典型的场景莫过于 无限级分类。之前吾辈曾经遇到过这种场景，但当时没有多想直接手撕 JavaScript 列表转树了，并没有想到进行封装...
vue 循环遍历树结构，添加标识字段，表格根据标识字段显示按钮 vue 循环遍历树结构，添加字段 在开发的时候会有这样的场景，在表格中会根据不同的数据展示不同的操作按钮，这里是数据的上移下移，第一个展示上移，最后一个下移。 思路：这里的开发思路是遍历数据给每一条数据都...
JS树结构操作：查找、遍历、筛选、树结构和列表结构相互转换 转自：沐码小站https://wintc.top/article/20经常有同学问树结构的相关操作，也写了很多次，在这里总结一下 JS 树形结构一些操作的实现思路，并给出了简洁易懂的代码...
html遍历树,无限级遍历树（递归） 转自：http://www.iteye.com/topic/1122691C# 中遍历树 ajax读取数据 递归算法实现数据树结构输出数据表格字段为：id,Name,pID(父级ID)js代码Javascript代码var htmlStr=new Array();$(function(){loadNode(0);})...
封装一个js方法，遍历树结构，当节点的children为空时，删除children 一般开发中很少会直接修改原数组，因此我用map遍历，加上递归的方法实现这个功能。 <script> var tree = [{ a: 1, b: 1, children: [{ a: 111, children: [] }] }, .
