所以我得到了一些状态,它是一个看起来像这样的对象
object:{
foo: Array[3]
bar: Array[6]
}
并且对象内的条目数量可能会改变,它可能有 3 个数组,也可能有 10 个。它需要是动态的 我必须将这些显示为计数(在饼图中),它接受这样的数据,数据是 JSX 标记内的属性
data:{[
{x:foo, y:foo.length},
{x:bar, y:bar.length}
]}
x 输出为名称,y 输出为数字(不是百分比,库为我解决了)
我在这里尝试使用一些示例,例如 this thread但我就是不明白
偏好 ES6 语法 & 我正在使用 Victory如果您有兴趣,可以使用我的图形库
最佳答案
尝试使用 Array.map 进行以下操作和 Object.entries
let obj = {foo : [1,2,3], bar : [1,2,3,4,5,6]};
let data = Object.entries(obj).map(([k,v]) => ({x:k, y:v.length}));
console.log(data);
关于javascript - 如何将对象转换为对象数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52647488/