Javascript用项目的新位置更新树对象

Question

我正在创建一个拖放功能-并有一个父/子对象-它可以拾取一个组及其重新排列的状态。如何使用新的已重新排列的子级或父级重新排列来更新存储的对象。

所以在此列表中

-- burger
++++++ pickle
++++++ lettus
++++++ tomato
-- kebab
++++++ ketchup
++++++ chilli
-- coffee maker
++++++ filter
++++++ grounds

然后我得到更新，更改了父组的顺序

-- coffee maker
++++++ filter
++++++ grounds
-- burger
++++++ pickle
++++++ lettus
++++++ tomato
-- kebab
++++++ ketchup
++++++ chilli

但随后我可能会得到更新，只是更改了一个子分支，例如burger分支

-- coffee maker
++++++ filter
++++++ grounds
-- burger
++++++ tomato
++++++ lettus
++++++ pickle
-- kebab
++++++ ketchup
++++++ chilli

最新的js小提琴。 http://jsfiddle.net/0ht35rpb/448/

将需要遍历存储的对象---检测新的项目安排是父分支还是子分支---相应地更新存储的对象。 Jsfiddle仍不认识.find作为函数

    options.forEach(group => {
        console.log(group)
      //const foundMember = group.find(member => member.id === firstItem.id);
      //console.log("foundMember", foundMember);
      //if (foundMember) {

      //}

   });