更改深度嵌套对象的 JSON 结构答案

【问题标题】：Change JSON strcuture of deep nested object更改深度嵌套对象的 JSON 结构
【发布时间】：2019-03-15 06:02:43
【问题描述】：

我正在尝试将深层嵌套的 JSON 对象从一种结构更改为另一种结构。为了能够以正确的格式使用它来使用名为 jQuery Nestable 的库。

这是我的原始格式：

  {
      "scanned": {
          "a3": {
              "value": 906
          },
          "value": 23667
      },
      "total": {
          "printed": {
              "black": {
                  "value": 44
              },
              "color": {
                  "value": 57
              },
              "value": 101
          },
          "value": 101
      }
  }

使用该库所需的 JSON 格式如下：

[{
    "id": "scanned: 23667",
    "children": [{
        "id": "a3: 906"
    }]
}, {
    "id": "total: 101",
    "children": [{
        "id": "printed: 101",
        "children": [{
            "id": "black: 44"
        }, {
            "id": "color: 57"
        }]
    }]
}]

我试图用递归函数遍历那棵树，但到目前为止还没有达到预期的结果：

  Object.keys(o).forEach(function (k) {
      if (o[k] !== null && typeof o[k] === 'object') {
          if(parent) {
            console.log(parent);
            if(!o.children) {
              o.children = [];
            }
            o.children.push({id: k + ": " + o[k].value})
          } else {
            o.id = k + ": " + o[k].value
          }

          _this.iter(o[k], k);
          return;
      }
  });

谁能给我一个工作示例？

【问题讨论】：

标签： javascript json recursion javascript-objects traversal

【解决方案1】：

这有效：

var a =  {"total":{"printed":{"black":{"value":44},"color":{"value":57},"value":101},"value":101}};
  
function changeFormat(currObj, parent) {
  if (typeof (parent) == 'object') {
    Object.keys(parent).map((key) => {
      if (key != 'value') {
        var obj = {}
        obj['id'] = key + ": " + parent[key].value


        if (typeof (parent[key]) == 'object' && Object.keys(parent[key]).length > 1) {
          obj['children'] = [];
          changeFormat(obj['children'], parent[key])
        }
        currObj.push(obj);
      }
    })
  }
}

var result = [];

changeFormat(result, a);
console.log(result);

【讨论】：

【解决方案2】：

尝试关注

let obj = {"total":{"printed":{"black":{"value":44},"color":{"value":57},"value":101},"value":101}};
  
/* Rest parameters where other other keys are collected in rest object */
function processObj({value, ...rest}, r=[]) {
  /* Iterate over each key/value pair in rest object */
  Object.entries(rest).forEach(([k,v], i) => {
    if(Array.isArray(r)) { // For first level items
      r[i] = {"id" : `${k}: ${v.value}`};
      processObj(v, r[i]);
    } else { // For child nodes
      r.children = r.children || [];
      r.children[i] = {"id" : `${k}: ${v.value}`};
      processObj(v, r.children[i]);

    }
  });
  return r;
}
  
console.log(processObj(obj))

【讨论】：