javascript - 无法将嵌套对象转换为对象数组，反之亦然

Question

我有以下类型的对象:

var sourceObj = {
                   "feature1": [
                                 {"id":"1","name":"abc","enabled":false,"type":"type1"},
                                 {"id":"2","name":"xyz","enabled":false,"type":"type1"}
                                ]
                   ,
                   "feature2": [
                                  {"id":"3","name":"lmn","enabled":true,"type":"type2"},
                                  {"id":"4","name":"pqr","enabled":false,"type":"type2"}
                                ]
                }

需要转换为以下类型的对象数组:

var destArr =  [
                  { "feature_name":"feature1", 
                    "feature_details":[
                                        {"id":"1","name":"abc","enabled":false,"type":"type1"},
                                        {"id":"2","name":"xyz","enabled":true,"type":"type1"}
                                      ]
                  },
                  { "feature_name":"feature2",
                    "feature_details":[
                                        {"id":"3","name":"lmn","enabled":true,"type":"type2"}
                                        {"id":"4","name":"pqr","enabled":false,"type":"type2"}
                                      ]
                  } 
              ]

我尝试了以下方法将源对象转换为结果对象数组，并将结果对象数组转换回源对象

//Converting source object to array of objects
let arr = Object.keys(sourceObj).map(key => {
    return sourceObj[key];
  })


converting array of objects back to source objetc
let obj = Object.assign({}, ...destArr.map(item => ({ [item.name]: item.value })));

Answer 1

您可以使用 Object.entries 一次性映射所有内容。要返回到原始结构，您可以对生成的数组使用 reduce(请参阅下面的 backToOriginalArray)

var sourceObj = {
    "feature1": [{
            "id": "1",
            "name": "abc",
            "enabled": false,
            "type": "type1"
        },
        {
            "id": "2",
            "name": "xyz",
            "enabled": false,
            "type": "type1"
        }
    ],
    "feature2": [{
            "id": "3",
            "name": "lmn",
            "enabled": true,
            "type": "type2"
        },
        {
            "id": "4",
            "name": "pqr",
            "enabled": false,
            "type": "type2"
        }
    ]
};

// Step 1: use object.entries against the original object to build an array of objects.
var destArray = Object.entries(sourceObj).map(([key, value]) => ({
    "feature_name": key,
    "feature_details": value
}));
console.log(destArray);

// Step 2: use reduce against the generated array to get an object with the same structure of the original one.
var backToOriginalArray = destArray.reduce((acc, {feature_name, feature_details}) => (acc[feature_name] = feature_details, acc), {});
console.log(backToOriginalArray);