如何将对象转换为对象数组？

Question

所以我有一些状态是一个看起来像这样的对象

object:{
  foo: Array[3]
  bar: Array[6]
}

并且对象内部的条目数量可能会发生变化,它可能有3个数组,它可能有10个.它需要是动态的我必须显示那些作为计数(在饼图中)接受数据看起来像这样,数据是JSX标记内的prop

data:{[
  {x:foo, y:foo.length},
  {x:bar, y:bar.length}
]}

x输出作为名称,y输出作为数字(不是百分比,lib为我工作)

我试过在这里使用一些例子,例如这个帖子,但我只是没有得到它

ES6语法的首选项如果你感兴趣的话,我正在使用Victory for my graphing lib

Answer 1

尝试使用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);