javascript - 如何展平嵌套对象？

Question

我有以下嵌套对象:

[
{
    "id": "b2dgd67e7e7",
    "fields": {
        "task1": "task 1",
        "task2": "task 2"
    }
},
 {
    "id": "b2dgd67e7e8",
    "fields": {
        "task1": "task 3",
        "task2": "task 4"
    }
}
]

我想将其展平为以下格式:...................................... ........

[
{

    "fields": {
        "task1": "task 1",
        "task2": "task 2",
        "id": "b2dgd67e7e7",
    }
},
 {

    "fields": {
        "task1": "task 3",
        "task2": "task 4",
        "id": "b2dgd67e7e8",
    }
}
]

Answer 1

您可以使用.map()在您的数组上构建一个新的映射对象数组。要映射每个对象，您可以 destructure对象中的 id 和 fields 属性，然后返回一个新对象，其中包含您的 fields 属性以及 的原始内容>fields 对象值以及其余外部属性(例如 id):

const arr = [{ "id": "b2dgd67e7e7", "fields": { "task1": "task 1", "task2": "task 2" } }, { "id": "b2dgd67e7e8", "fields": { "task1": "task 3", "task2": "task 4" } } ];

const flattenToKey = (arr, key) => 
  arr.map(({[key]: k, ...r}) => ({[key]: {...k, ...r}}));

const res = flattenToKey(arr, 'fields');
console.log(res);