Ale*_*v94 5 javascript arrays javascript-objects
我有一个对象数组,它们共享共同的属性名称,但具有不同的值。例如,它们是这样的:
let data = [
{
value1: "11:00",
value2: 0.737462,
value3: 1.345341,
value4: 0.684655
},
{
value1: "12:00",
value2: 0.894368,
value3: 1.55891,
value4: 0.784655
},
{
value1: "13:00",
value2: 1.140516,
value3: 1.938695,
value4: 0.454655
}
]
Run Code Online (Sandbox Code Playgroud)
我需要从这些对象中形成一个新的对象数组,类似于:
let datasets = [
{
label: "value1",
data: ["11:00", "12:00", "13:00"]
},
{
label: "value2",
data: [0.737462,0.894368,1.140516,]
}
// and so on
]
Run Code Online (Sandbox Code Playgroud)
这样我的数据集中的每个对象都将包含原始对象的属性名称作为值label以及与该名称对应的属性数组。我尝试这样做:
let datasets = data.map((n) => {
for (i in n) {
return {
label: i,
data: data.map(obj => obj[i])
}
}
});
Run Code Online (Sandbox Code Playgroud)
但它并没有按预期工作——它只返回一个对象数组,其中只有第一个属性名称作为所有对象的标签。我想这是因为它一到达循环中的第一项就返回for...in,但我无法找到更好的方法来实现我所需要的。
预期数组中的元素数量等于数组元素中的键数量,因此对其进行映射,然后运行另一个简单的映射来生成数据数组。
var out = Object.keys(data[0]).map(function(key) {
return {
label: key,
data: data.map(function(obj) {
return obj[key];
})
};
}
Run Code Online (Sandbox Code Playgroud)