博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 将json数组转为嵌套层级数组
阅读量:4695 次
发布时间:2019-06-09

本文共 1383 字,大约阅读时间需要 4 分钟。

ele UI 的树级菜单的数据要求是这种嵌套的,但是Ztree的老用发的是

var zNodes =[            { id:1, pId:0, name:"zTree Home", pid:0},            { id:2, pId:0, name:"zTree in Google",pid:0},        { id:3, pId:0, name:"zTree in Iteye",pid:1}]

这种以pid来识别父级关系的,话不多说转换

//将数组转成嵌套的                buildTree (arr) {                    let temp = {}                    let tree = {}                    // 数组转 键值对                    arr.forEach(item => {                        temp[item.id] = item                    })                    let tempKeys = Object.keys(temp)                    tempKeys.forEach(key => {                        // 获取当前项                        let item = temp[key]                        // 当前项 pId                        let _itemPId = item.pid                        // 获取父级项                        let parentItemByPid = temp[_itemPId]                        if (parentItemByPid) {                            if (!parentItemByPid.children) {                                parentItemByPid.children = []                            }                            parentItemByPid.children.push(item)                        } else {                            tree[item.id] = item                        }                    })                    // 对象转数组并返回                    return Object.keys(tree).map(key => tree[key])                },

 

 

 

!!!

 

转载于:https://www.cnblogs.com/wlphp/p/10542344.html

你可能感兴趣的文章
前台任意页面调用自定义字段选项 box 单选 多选方法及查询
查看>>
Mayor's posters POJ - 2528(线段树 + 离散化)
查看>>
Now or later UVALive - 3211(2-SAT 最小值最大化)
查看>>
K8S Kubernetes 简单介绍 转自 http://time-track.cn/kubernetes-trial.html Kubernetes初体验
查看>>
UIImageView动画制作
查看>>
东北育才 day6
查看>>
[总结] 替罪羊树学习笔记
查看>>
PhpStorm 2017汉化补丁 2017.1 免费中文版
查看>>
Web 简单文件下载
查看>>
[NOI2005] 维护数列
查看>>
MapReduce编程:数字排序
查看>>
Nginx配置详解
查看>>
02_数据库基础之(一)数据库安装与客户端安装
查看>>
获取本周、本月、本年的时间段
查看>>
开篇有益
查看>>
junzheng
查看>>
破解极验滑动验证码
查看>>
(int)a与(int&)a
查看>>
js中的同步与异步
查看>>
一百行代码爬取漫画喵
查看>>