javascript - 迭代对象。解构它的键和属性并添加新的

Question

我当前的 JSON 结构如下所示。

[ {A: 84 , B: 17 , C: 11 } ]

我需要构建一些看起来像这样的东西。

   [ { name : "A" , value : 84 , color : "black" },
     { name : "B" , value:  17 , color: "blue" } ,
     { name : "C", value:  11 , color: "amber" } ]

因此，我需要一个带有附加属性(本例为颜色)的新结构，该结构将取决于初始键值。 “A”、“B”或“C”。

我不要求完整的答案(如果你不想给一个随意做的)，我只是想知道我需要哪个函数来进行这种操作。

Answer 1

使用Object.keys、Array.map函数和辅助“颜色图”对象的解决方案:

var arr = [ {A: 84 , B: 17 , C: 11 }],
    colorMap = {A:"black", B:"blue", C:"amber"}, // can be extended with any other relations
    current = arr[0];

var result = Object.keys(current).map(function(k) {
    return {'name': k, 'value': current[k], 'color': colorMap[k]};
});

console.log(JSON.stringify(result, 0, 4));

console.log 输出:

[
    {
        "name": "A",
        "value": 84,
        "color": "black"
    },
    {
        "name": "B",
        "value": 17,
        "color": "blue"
    },
    {
        "name": "C",
        "value": 11,
        "color": "amber"
    }
]