javascript - 将对象映射到数组

Question

给定这样一个对象:

{
  aaa: {
    text: "Text1",
    path: "Path1",
    type: "Type1"
  },
  bbb: {
    text: "Text2",
    path: "Path2",
    type: "Type2"
  },
...
}

返回这个数组最简单的方法是什么:

[
   {value: "aaa", label: "Text1"},
   {value: "bbb", label: "Text2"}
]

我必须遍历对象吗？我认为 Object.keys() 和 Object.values()

可能有办法

Answer 1

您可以使用Object.entries 将对象转换为数组。使用 map 循环并返回所需的对象。

let obj = {
  aaa: {
    text: "Text1",
    path: "Path1",
    type: "Type1"
  },
  bbb: {
    text: "Text2",
    path: "Path2",
    type: "Type2"
  },
}

let result = Object.entries(obj).map(([k, v]) => ({value: k,label: v.text}));

console.log(result);