使用 lodash 将 Json 对象转换为数组

Question

我正在尝试将我的 JSON 结果转换为一个数组以将其绑定到我的 Kendo 控件。 我得到的 JSON 结果如下。

"Issues": [
    {
        "Id": null,
        "Key": null,
        "Values": [
            {
                "Key": "Display Name",
                "Value": "Rya"
            },
            {
                "Key": "UserName",
                "Value": "RH"
            },
            {
                "Key": "Count",
                "Value": "350"
            }
        ]
    },
    {
        "Id": null,
        "Key": null,
        "Values": [
            {
                "Key": "Display Name",
                "Value": "Mike"
            },
            {
                "Key": "UserName",
                "Value": "ML"
            },
            {
                "Key": "Count",
                "Value": "90"
            }
        ]
    }
]

我需要将它绑定到 Kendo 控件的数组如下。

 { "Display Name": 'Rya', "UserName" : "RH", value: 350 },
 { "Display Name": 'Mike', "UserName" : "ML", value: 90 }

i)我不想硬编码字符串“显示名称”、“用户名”、“RH”。我试过 v.Values[0].Key: v.Values[0].Value，但没有用。

ii) 另外我不知道会出现多少“键、值”对，所以我需要遍历值并生成数组而不是固定的

category: v.Values[0].Value, 
UserName: v.Values[1].Value,
  value: v.Values[2].Value,
.
.
.
score: v.values[n].value

Answer 1

如果你使用的是 ES6，在这种情况下你真的不需要 lodash：

var r = json.Issues.map(v => ({ 
  category: v.Values[0].Value, 
  value: v.Values[2].Value,
}));

http://codepen.io/cjke/pen/RprJdG?editors=0010

如果想用lodash还是不用-ES6，那么：

var r = _.map(json.Issues, function(v) { 
  return {
    category: v.Values[0].Value, 
    value: v.Values[2].Value,
  }
});