JavaScript递归方法生成 json tree 树形结构数据

最新推荐文章于 2023-11-27 16:58:14 发布

转载最新推荐文章于 2023-11-27 16:58:14 发布 · 473 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/itrena/p/8831537.html

文章标签：

#json #前端 #javascript #ViewUI

本文介绍了一种使用递归方法生成JSonTree数据结构的方法。通过遍历数据集并根据parentId属性匹配节点，该方法能够构建出层级分明的树状结构。此技术常用于前端开发中菜单和文件系统的展示。

//递归方法 生成 json tree 数据
var getJsonTree = function(data, parentId) {
    var itemArr = [];
    for (var i = 0; i < data.length; i++) {
        var node = data[i];
        if (node.parentId == parentId) {
            var newNode = {};
            newNode.id = node.id;
            newNode.name = node.name;
            newNode.url = node.url;
            newNode.icon = node.icon;
            newNode.nodes = getJsonTree(data, node.id);
            itemArr.push(newNode);
        }
    }
    return itemArr;
};
$scope.data = getJsonTree($scope.menus, "");

转载于:https://www.cnblogs.com/itrena/p/8831537.html