javascript - 整理父子关系数组，其中两个 child 从一个数组中共享一个父项并使用 div 显示它

Question

我有以下从 neo4j 查询获取的数据，返回的数据格式为

home->parent->child1
home->parent->child2

home->parent2->child1

home->parent3->child1
home->parent3->child2
home->parent3->child3

我正在尝试使用 javascript 来显示应该是这样的 html

<div id="parent1">
  <div id="child1"></div>
  <div id="child2"></div>
</div>
<div id="parent2">
  <div id="child1"></div>
</div>

我尝试了 loopong throigh 查询并试图让父对象成为对象的索引，而子对象成为它下面的值

我会在 php 中这样做

$jsonContents = (object)("parent"=>"child","parent"=>"child"....);
$array = array();
foreach($jsonContents as $jsCo=>$jsoCont){
  $array[$jsoCont->parent][] = $jsoCont->child;
}

这将返回

$数组为

home->parent1->[0]->child
             ->[1]->child
      parent2->[0]->child...

这可以让我避免检查主父类别的唯一性，并将它们放在层次结构中，这样我就可以在 MVC 的 View 部分正确解释它，以创建我的 div 结构。

这是示例 json 数据的 url

http://www.jsoneditoronline.org/?id=bdda268982eb431d361c25e9035bbc99

Answer 1

这个没有答案，自己解决了。 这里

var data = 'data shown in link above';
var myArr = [];

$.each(data, function(index, element) {
  var parent = String(element.parent.properties.name);
  var child = String(element.child.properties.name);

  if(myArr[parent]){
    myArr[parent][(myArr[parent].length)] = child;
  } else {
    myArr[parent] = Array(child);
  }

});

希望这对人们有所帮助。 :)