在对象上迭代.解构其键和属性并添加新的键和属性

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

本文关键字：属性 添加 对象 迭代      更新时间：2023-09-26

我当前的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"。

我不要求一个完整的答案（如果你不想让一个人随意做），我只想知道这种操作需要哪个功能。

使用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"
    }
]

您可以将用于。。在中循环键，然后映射一个新对象：

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});
}

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

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