js对象展平：深入循环Json对象，然后展平对象？

Question

我的JSON对象数据：

{
    "title": "aa",
    "desc": ["i", "j", "k"],
    "cnt": {
        "head": "bb",
        "main": {
            "num1": {
                "time1": "mm",
                "time2": "kk"
            },
            "num2": "dd"
        }
    }
}

我的问题是：如何通过使用JavaScript将上述JSON对象转换为以下对象？

{
    "title": "aa", 
    "desc": ["i", "j", "k"],
    "cnt_head": "bb",
    "cnt_main_num1_time1": "mm",
    "cnt_main_num1_time2": "kk",
    "cnt_main_num2": "dd"
}

我尝试使用for(i in obj) {....}，但失败了！

请帮助！

Answer 1

您基本上是在问如何展平嵌套对象，其键代表嵌套路径。这是一个可以执行此操作的递归函数：

const flatten = (o, pre) => Object.entries(o).reduce((a, [k, v]) => (
  key = pre ? `${pre}_${k}`: k,
  {
    ...a,
    ...Object.getPrototypeOf(v) !== Object.prototype ? {[key]: v} : flatten(v, key)
  }), {});

---

完整摘要：

const o = {
    "title": "aa",
    "desc": ["i", "j", "k"],
    "cnt": {
        "head": "bb",
        "main": {
            "num1": {
                "time1": "mm",
                "time2": "kk"
            },
            "num2": "dd"
        }
    }
};

const flatten = (o, pre) => Object.entries(o).reduce((a, [k, v]) => (
  key = pre ? `${pre}_${k}`: k,
  {
    ...a,
    ...Object.getPrototypeOf(v) !== Object.prototype ? {[key]: v} : flatten(v, key)
  }), {});

console.log(flatten(o));