分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

json 平面转树状 child ?[zhuan]

发布时间:2023-09-06 01:36责任编辑:傅花花关键词:jsjson
<script>/** ?* json格式转树状结构 * @param ??{json} ?????json数据 * @param ??{String} ???id的字符串 * @param ??{String} ???父id的字符串 * @param ??{String} ???children的字符串 * @return ?{Array} ????数组 */function transData(a, idStr, pidStr, chindrenStr) { ???var r = [], ???????hash = {}, ???????id = idStr, ???????pid = pidStr, ???????children = chindrenStr, ???????i = 0, ???????j = 0, ???????len = a.length; ???for (; i < len; i++) { ???????hash[a[i][id]] = a[i]; ???} ???for (; j < len; j++) { ???????var aVal = a[j], ???????????hashVP = hash[aVal[pid]]; ???????if (hashVP) { ???????????!hashVP[children] && (hashVP[children] = []); ???????????hashVP[children].push(aVal); ???????} else { ???????????r.push(aVal); ???????} ???} ???return r;}var jsonData = [{"id":"4","pid":"1","name":"大家电"},{"id":"5","pid":"1","name":"生活电器"},{"id":"1","pid":"0","name":"家用电器"},{"id":"2","pid":"0","name":"服饰"},{"id":"3","pid":"0","name":"化妆"},{"id":"7","pid":"4","name":"空调"},{"id":"8","pid":"4","name":"冰箱"},{"id":"9","pid":"4","name":"洗衣机"},{"id":"10","pid":"4","name":"热水器"},{"id":"11","pid":"3","name":"面部护理"},{"id":"12","pid":"3","name":"口腔护理"},{"id":"13","pid":"2","name":"男装"},{"id":"14","pid":"2","name":"女装"},{"id":"15","pid":"7","name":"海尔空调"},{"id":"16","pid":"7","name":"美的空调"},{"id":"19","pid":"5","name":"加湿器"},{"id":"20","pid":"5","name":"电熨斗"}];var jsonDataTree = transData(jsonData, ‘id‘, ‘pid‘, ‘chindren‘);console.log(jsonDataTree);</script>

  

json 平面转树状 child ?[zhuan]

原文地址:https://www.cnblogs.com/jshare/p/8279837.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved