后端返回这样的 json 数组，前端怎么循环该数组成楼中楼的评论显示？

[s609926202]

[ 
    { 
        id: 2, 
        post: 73, 
        parent: 0, 
        children: [ 
            { 
                id: 3, 
                post: 73, 
                parent: 2 
            } 
        ], 
    } 
]

突然不知道该怎么处理 children 循环了，，，

[adspe]

Map 套 Map ？

[s609926202]

@adspe 我不知啊，，

[SO647898]

可能理解能力不达标，完全不知道楼主在困扰什么。
block。

[s609926202]

@SO647898 评论楼中楼，，，这不知道吗，，，

[GooMS]

自己调自己

[yaoliyc]

递归啊

[silymore]

面向 V2EX 编程

[sagaxu]

宝宝树

[valkyrja]

@SO647898 你来 v2 是专门来 block 人的吗😂

[msg7086]

算法中的基本操作，递归（或者用堆栈和循环实现的伪递归）。

[Yuigahama]

@valkyrja 再看看这 b 创建的唯一一个主题的内容
我们回他一个 block 吧

[WhoMercy]

深度优先 or 广度优先
看你们前端的展示层接口怎么填充数据方便

[armoni]

看看前端 tree 的实现，一样的

[SO647898]

@valkyrja
眼不见为净，只有 block 咯。


@Yuigahama
张口闭口就来个 b 或 c，九年义务教育教出你这样的，没素质，block。

[yunying]

这是最最最基本的算法问题。一眼就能看出。。为什么 lz 会困扰？这不是学计算机的必修基础吗？

[SO647898]

@valkyrja
顺便看一下楼主的帖子，这些，不应该出现在 csdn 或者百度知道甚至知乎里的吗？
(╯3╰)

[gbin]

昨天还在议论 v2 吐槽太多，好不容易发个技术问题，还要被嫌弃？

[tradzero]

@SO647898 那你自己的帖子 觉得应该出现在 v2 吗 233

[tumbzzc]

#3 是一个奇葩，看历史发言，前几条都是 block ？？

[loveyu]

后端有时候也挺无奈的，给这样的结构有些像 lz 一样理解不来，给整理后的结构又有些觉得要基础数据自己处理好。所以跟后端商量下就好了

[mingzu]

@SO647898 哈哈哈啊哈哈,把 block 当作必杀技了吧?
别人不回你帖子就是单纯嫌你,别挂在自己性别上.

[s609926202]

@loveyu 哈哈，我算法不行，而且我是前端＋后端，标准码农一枚…

[tumbzzc]

@mingzu 我还以为他是专门 block 而注册的 v2

[mingzu]

@s609926202 递归走起来呀~

[mingzu]

@tumbzzc 真是好好笑哎,因为自己发的帖子被别人怼了 block,且没人搭理,
于是就开始 diss 别人..
最起码换个小号呀得..这多尴尬..哈哈哈哈哈

[s609926202]

@mingzu 其实我调用的接口返回给我的就是普通的数据表记录值，然后我在前端处理成这样的 children，，

[loveCoding]

有层级的数据都是这样传递的啊..

[mingzu]

@s609926202 我比较菜啊,一般处理数据都得放在后端吧,前端处理这种逻辑好像不大合适的。
应该是后端把数据处理好 前端直接遍历 吧大概。
听听别的大佬咯。

[SO647898]

@mingzu
不如替换开头四个字为“文科女生”搜索一下试试？
讽刺虽然具有时代性，但我没想到，这会让人。。。已 block。

[codermagefox]

@SO647898 我觉得你才比较像贴吧选手,是不是还要拉个旗搞家族 block 大战啊?MDZZ

[onlyhot]

@SO647898 已 b

[tumbzzc]

@SO647898 历史发言主题单调。已 block

[mingzu]

@SO647898 哈哈哈哈,单身是因为女生都拜金,没钱是因为自己不是富二代,成绩不好是因为老师差
其实都是因为你是你。

谢谢 block

[cjyang1128]

@SO647898 兄弟你好逗。。

[billie]

@SO647898 才没有人在意你的
block，加戏

[meszyouh]

遍历，生成一个多叉树就可以了

[douglas1997]

@SO647898 @livid 不友善言论

[killerv]

递归实现吧。
--------------
v 站总是有些人以为自己 block 一下别人好像会对别人有多大影响似的。

[searene]

随手写了一下。

function printComments(comments, depth) {
for(var i = 0; i < comments.length; i++) {
var c = comments[i];
console.log(getSpaces(depth * 2) + "My post is " + c.post);
if(c.hasOwnProperty("children")) {
printComments(c.children, depth + 1);
}
}
}

function getSpaces(n_spaces) {
spaces = "";
for(var i = 0; i < n_spaces; i++) {
spaces += " ";
}
return spaces;
}

json = [
{
id: 2,
post: 73,
parent: 0,
children: [
{
id: 3,
post: 73,
parent: 2
}
],
},
{
id: 4,
post: 29,
parent: 0
}
];
printComments(json, 0);

输出：
My post is 73
My post is 73
My post is 29

[searene]

居然格式全乱了

[s609926202]

@searene 回复无法修改默认格式的，，

[yexiaoxing]

@searene 代码贴 gist 吧，这样格式不会乱

[DualWield]

@SO647898 兄台，我觉得你应该去学习下什么叫礼貌，再想一想大家为什么针对你

[zgx030030]

写个函数，遍历这个数组，遍历时检查每个元素是否有 children，如果有，直接再调这个函数，递归进去再遍历。。。一层层的。
萌新不懂，加 block 是什么意思？
block

[searene]

@yexiaoxing 谢谢，试试 gist

https://gist.github.com/searene/05578c5e6fa8cf5559174d560d4611ea

[zjw60320]

这不是基础的递归么，lz 还是多学习吧，这种问题百度都有的
@SO647898 戏太多了，block

[s609926202]

Tks.

[jatesun]

好像只能递归

[Sypher]

@zgx030030
没人说我说了：
block 是 V 站的一个功能，你点开想要拉黑的人的主页，右上角有个 block 按钮，点了就可以拉黑了。

[orzfly]

@Sypher #49 "瞎说，明明是给 CSS 加上 display: block “ 跑（

[SO647898]

@DualWield
大多数人戾气重呗，我只是正确使用 block 功能而已，我觉得有些人把礼貌使用歪了，正义也只不过是利益而已，不符合自己的利益，在某些人心里，就是不正义，你觉得真的是我不礼貌？一我没飙脏字，二来态度不好完全是他人理解问题，这论坛 n 年不加图片功能，难道我要备一套表情图连接么，当然了，我也没说我没错，毕竟一个巴掌拍不响，有些人真的喜欢没事找事，不是这攻击我就是那攻击我，我也很无语啊～
要不是最近有很多想看的贴看不了，我也不会注册，v2 的 block 功能很棒。

[1iuh]

@SO647898 #51 我也觉得 v2 的 block 功能很赞，让我可以 block 你。已 block，记得回我一个 block 哟。

[aaronlam]

@SO647898 看你留言浪費我流量 block

[zhouwei520]

外面的是楼回复，里面的是楼中楼回复。可以搜下递归遍历。

[zhouwei520]

就是循环套循环

[zkd8907]

https://gist.github.com/zkd8907/91ab1b5256fe173f6ffd13a6d88d2210

直接返回数组，用 referenceId 之类的外键把父评论关联上。这样好处是如果一个评论在多个评论中被回复，只要出现一次就好。数据库的存储也可以这么设计。

[Icezers]

用递归全部展开，再用 id 和 parent 关系组合吧

[anthozoan77]

@SO647898 有问题提出来，不解决问题，block 提出问题的人？况且 LZ 也没有虚张声势标题党。

[SourceMan]

哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈

好好的技术帖吵起来了。。。
昨天还嫌这里的东西越来越没有营养

[dlrdegk]

我觉得 v2 最好能讨论一下有创意的点子或者问题，或者程序员拉拉家常
楼主这个问题可以去 segmentfault 或者百度知道问好些（逃

当然我觉得 @SO647898 说话还是冲了一点，别人只是提了个问题而已

[SO647898]

@anthozoan77

@dlrdegk

可能我是冲了点吧，看到标题党、伸手党之类的，戾气不自觉+1。

[vjnjc]

楼主是觉得 children:[]这个格式不好处理吧，把它换成 parent:[]呗~

[s609926202]

@vjnjc 不是不好处理，而是我在做小程序时，如果是拿这样的数组来循环楼中楼效果，必须先循环最外层的评论，，然后在里边继续判断 clildern 然后进行循环 clildern，这样我想显示几层楼，就必须手动循环几次，，超级费事，，