亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術(shù)文章
文章詳情頁

es6 - javascript 將多個JSON對象合并成一個(帶子父關(guān)系)

瀏覽:85日期:2023-04-19 18:55:29

問題描述

1、目前有一個很任性的接口API,它提供的數(shù)據(jù)非常不合理2、數(shù)據(jù)如下

var json = [{'mainId': 1, 'title': 'abc', 'createdate': '2017-06-28'},{'mainId': 2, 'title': 'ddddd', 'createdate': '2017-06-25'}];var json1 = [{'childId':1, 'mainId': 1, 'childname': 'cname'},{'childId':2, 'mainId': 1, 'childname': 'cname2'},{'childId':3, 'mainId': 2, 'childname': 'cname3'},{'childId':4, 'mainId': 2, 'childname': 'cname4'}];var json2 = [{'childchildId':1, 'childId': 1, 'childname': 'cname'},{'childchildId':2, 'childId': 1, 'childname': 'cname2'},{'childchildId':3, 'childId': 2, 'childname': 'cname3'},{'childchildId':4, 'childId': 2, 'childname': 'cname4'},{'childchildId':5, 'childId': 3, 'childname': 'cname'},{'childchildId':6, 'childId': 3, 'childname': 'cname2'},{'childchildId':7, 'childId': 4, 'childname': 'cname3'},{'childchildId':8, 'childId': 4, 'childname': 'cname4'}];

3、我想將它們合并成一個json如下:

var result = [{'mainId':1, 'title': 'abc', 'createdate': '2017-06-28', child:[{'childId':1, 'mainId': 1, 'childname': 'cname', childchild:[{'childchildId':1, 'childId': 1, 'childname': 'cname'},{'childchildId':2, 'childId': 1, 'childname': 'cname2'}]},{'childId':2, 'mainId': 1, 'childname': 'cname2', childchild:[{'childchildId':3, 'childId': 2, 'childname': 'cname3'},{'childchildId':4, 'childId': 2, 'childname': 'cname4'}]}]

是否有好的辦法?

問題解答

回答1:

額,就是不想寫循環(huán)

let json2Obj = json2.reduce((acc, cur) => { let childId = cur.childId; if (!acc[childId]) {acc[childId] = []; } acc[childId].push(cur); return acc;}, {})json1.forEach(item => { item.childchild = json2Obj[item.childId]})let json1Obj = json1.reduce((acc, cur) => { let mainId = cur.mainId; if (!acc[mainId]) {acc[mainId] = []; } acc[mainId].push(cur); return acc;}, {})json.forEach(item => { item.child = json1Obj[item.mainId];})console.log(JSON.stringify(json));

reduce重構(gòu)下:

const toObj = (json, idStr) => json.reduce((acc, cur) => { let id = cur[idStr]; if (!acc[id]) {acc[id] = []; } acc[id].push(cur); return acc;}, {})const json2Obj = toObj(json2, ’childId’);json1.forEach(item => item.childchild = json2Obj[item.childId])const json1Obj = toObj(json1, ’mainId’);json.forEach(item => item.child = json1Obj[item.mainId])console.log(JSON.stringify(json));回答2:

php的,一步步來

header(’content-type:application/json;charset=utf8’);$json = ’[{'mainId': 1, 'title': 'abc', 'createdate': '2017-06-28'},{'mainId': 2, 'title': 'ddddd', 'createdate': '2017-06-25'}]’;$json1 = ’[{'childId':1, 'mainId': 1, 'childname': 'cname'},{'childId':2, 'mainId': 1, 'childname': 'cname2'},{'childId':3, 'mainId': 2, 'childname': 'cname3'},{'childId':4, 'mainId': 2, 'childname': 'cname4'}]’;$json2 = ’[{'childchildId':1, 'childId': 1, 'childname': 'cname'},{'childchildId':2, 'childId': 1, 'childname': 'cname2'},{'childchildId':3, 'childId': 2, 'childname': 'cname3'},{'childchildId':4, 'childId': 2, 'childname': 'cname4'},{'childchildId':5, 'childId': 3, 'childname': 'cname'},{'childchildId':6, 'childId': 3, 'childname': 'cname2'},{'childchildId':7, 'childId': 4, 'childname': 'cname3'},{'childchildId':8, 'childId': 4, 'childname': 'cname4'}]’;$arr = array_merge(json_decode($json, true), json_decode($json1, true), json_decode($json2, true));print_r(json_encode(dataFormat($arr)));//整理數(shù)據(jù)格式function dataFormat($arr){ foreach ($arr as $key => &$value) {$value[’id’] = $key; } foreach ($arr as $key => &$value) {if (!empty($value[’mainId’]) && empty($value[’childId’])) { $value[’pid’] = ’100’;}if (!empty($value[’mainId’]) && !empty($value[’childId’])) { foreach ($arr as $k => $v) {if (!empty($v[’mainId’]) && empty($v[’childId’])) { if ($value[’mainId’] == $v[’mainId’]) {$value[’pid’] = $k; }} }}if (!empty($value[’childchildId’])) { foreach ($arr as $k => $v) {if (!empty($v[’mainId’]) && !empty($v[’childId’])) { if ($value[’childId’] == $v[’childId’]) {$value[’pid’] = $k; }} }} } //生成樹 $arr = getTree($arr); //刪除id、pid deleteKey($arr, ’id’, ’pid’); return $arr; //刪除不需要的鍵id、pid}//獲取樹function getTree($items){ $tree = array(); foreach($items as $item){if(isset($items[$item[’pid’]])){ $items[$item[’pid’]][’child’][] = &$items[$item[’id’]];}else{ $tree[] = &$items[$item[’id’]];} } return $tree;}//刪除不需要的鍵function deleteKey(&$arr, $id, $pid){ foreach ($arr as $key => &$value) {if (!empty($value[’child’]) && is_array($value[’child’])) { deleteKey($value[’child’], $id, $pid);}unset($value[$id], $value[$pid]); }}

正常輸出

[ {'mainId': 1,'title': 'abc','createdate': '2017-06-28','child': [ {'childId': 1,'mainId': 1,'childname': 'cname','child': [ {'childchildId': 1,'childId': 1,'childname': 'cname' }, {'childchildId': 2,'childId': 1,'childname': 'cname2' }] }, {'childId': 2,'mainId': 1,'childname': 'cname2','child': [ {'childchildId': 3,'childId': 2,'childname': 'cname3' }, {'childchildId': 4,'childId': 2,'childname': 'cname4' }] }] }, {'mainId': 2,'title': 'ddddd','createdate': '2017-06-25','child': [ {'childId': 3,'mainId': 2,'childname': 'cname3','child': [ {'childchildId': 5,'childId': 3,'childname': 'cname' }, {'childchildId': 6,'childId': 3,'childname': 'cname2' }] }, {'childId': 4,'mainId': 2,'childname': 'cname4','child': [ {'childchildId': 7,'childId': 4,'childname': 'cname3' }, {'childchildId': 8,'childId': 4,'childname': 'cname4' }] }] }]回答3:

let obj1 = {};let obj={}let obj2 = eval(’(’ + (JSON.stringify(obj) + JSON.stringify(obj1)).replace(/}{/, ’,’) + ’)’);

很好用的,不過瀏覽器可能會提示eval是有害的,這個想要去掉,可以百度有方法,具體我忘了

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 91短视频在线观看 | 欧美精品国产制服第一页 | 一级特大黄色片 | 国产高清不卡一区二区 | 日韩六九视频 | 国产免费av片在线观看 | 色播欧美 | 亚洲午夜在线播放 | 黄色片在线看 | 片成年免费观看网站黄 | 色综合久久一区二区三区 | 在线 看片 | 可以免费看黄的网址 | 欧洲做视频在线观看 | 黄色网zhan| yjizz视频 | 91手机在线视频 | 毛片免费观看日本中文 | 久久精品国产自在一线 | 成人免费无毒在线观看网站 | 黄色网址免费看 | 国产99久久精品一区二区 | 女人被狂躁的免费视频网站软件 | 婷婷 综合 | 亚洲精品一区最新 | 日韩 欧美 中文字幕 不卡 | 国产精品v欧美精品v日韩精品 | 97精品在线播放 | 日韩欧美一区二区三区在线 | 欧美日韩一区在线观看 | 午夜国产福利在线 | 色片在线看 | 国产拍视频| 欧美国产精品日韩在线 | 一区二区久久 | 尤物网站在线观看 | 国产欧美日韩精品a在线观看高清 | 欲色影视天天一区二区三区色香欲 | 一级毛片日韩 | 小黄色片 | 黄色片国产|