遍历对象。解构它的键和属性并添加新的

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

您可以使用 for..in 循环键，然后映射一个新对象：

var current = [ {A: 84 , B: 17 , C: 11 } ];
var result = [];
for(var key in current[0]){
    var name = key;
    var value = current[0][key];
    var color = "";
    switch(key){
        case "A": 
           color = "black";
           break;
        case "B": 
           color =  "blue";
           break;
        case "C": 
           color =  "amber";
           break;
    };
    result.push({name : name, value : value, color: color});
}

Answer 2

您不需要破坏任何东西，一个简单的循环就足以创建新结构：

var result = [];
for (var prop in input[0])
     result.push({
         name:  prop,
         value: input[0][prop],
         color: colorForName(prop)
     });

Answer 3

使用Object.keys、Array.map函数和辅助“color 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"
    }
]

遍历对象。解构它的键和属性并添加新的

Iterate over object. Deconstruct its keys and properties and add new ones

javascript

arrays

javascript-objects