(ES6)数据处理常用工具方法收集(更新状态: on)_情愫_前端开发者

 

1. 扁平数组转成tree结构(来源: StackOverflow的印度老哥写的)

1. 扁平数组转成tree结构(来源: StackOverflow的印度老哥写的)StackOverflow的印度老哥写的

 1 // Data Set
 2 // One top level comment 
 3 var comments = [{
 4     id: 1,
 5     parent_id: null
 6 }, {
 7     id: 2,
 8     parent_id: 1
 9 }, {
10     id: 3,
11     parent_id: 1
12 }, {
13     id: 4,
14     parent_id: 2
15 }, {
16     id: 5,
17     parent_id: 4
18 }];
19 
20 const nest = (items, id = null, link = 'parent_id') =>
21   items
22     .filter(item => item[link] === id)
23     .map(item => ({ ...item, children: nest(items, item.id) }));
24 
25 nest(comments);
 1 // Data Set
 2 // One top level comment 
 3 var comments = [{
 4     id: 1,
 5     parent_id: null
 6 }, {
 7     id: 2,
 8     parent_id: 1
 9 }, {
10     id: 3,
11     parent_id: 1
12 }, {
13     id: 4,
14     parent_id: 2
15 }, {
16     id: 5,
17     parent_id: 4
18 }];
19 
20 const nest = (items, id = null, link = 'parent_id') =>
21   items
22     .filter(item => item[link] === id)
23     .map(item => ({ ...item, children: nest(items, item.id) }));
24 
25 nest(comments);

1// Data Set 2// One top level comment 3var [{
4,
5null 6}, {
7,
8 9}, {
10,
1112}, {
13,
1415}, {
16,
1718}];
1920null21 items
22 id)
23 ({ …item, children: nest(items, item.id) }));
2425

 

» 本文来自:前端开发者 » 《(ES6)数据处理常用工具方法收集(更新状态: on)_情愫_前端开发者》
» 本文链接地址:https://www.rokub.com/73414.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!