JavaScript 实现 JSON 树形结构递归遍历示例

作者:闭包旅人

时间:2026-10-24

浏览:148

本文提供了一段 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":"上海市徐汇区"}}]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章