JavaScript 实现 JSON 树形结构递归遍历示例
作者:闭包旅人时间:2026-10-24 22:11:06浏览:149
本文提供了一段 JavaScript 代码,用于递归遍历包含 children 属性的 JSON 对象。通过闭包和递归调用,提取 name 字段并存储到数组中,适用于处理层级数据。
JavaScript 递归遍历 JSON 树形结构代码
代码如下:
var l = json.length;
var arr = [];
for (var i = 0; i < l; i++) {
(function () {
var jsonArray = arguments[0];
for (var k in jsonArray) {
if (k.indexOf('children') != -1 && jsonArray[k] != null) {
arguments.callee(jsonArray[k]);
}
} else {
if (k == 'name' || k == 'children') {
arr.push(jsonArray[k] + '');
}
}
}
})(json[i]);
} JSON 数据格式如下所示:
代码如下:
[{"id":"001","name":"上海市浦东新区","children":{"id":"002","name":"上海市徐汇区"}}]作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
