在React/ES6中遍历对象键值对转换为指定结构数组的实现问题

你原有代码中使用的forEach方法仅支持遍历数组元素，没有返回值，无法生成目标数组，替换为Array.prototype.map即可实现需求。

方案1：基于原有Object.keys逻辑修改 #

const newData = {
    "id": 111,
    "name": "ewfwef",
    "description": "Hello"
}

const data = Object.keys(newData).map((key) => {
  return {
    key: key,
    value: newData[key]
  }
})

方案2：ES6 Object.entries 更简洁实现 #

Object.entries 可以直接同时获取对象的键和值，搭配解构赋值写法更精简：

const newData = {
    "id": 111,
    "name": "ewfwef",
    "description": "Hello"
}

const data = Object.entries(newData).map(([key, value]) => ({ key, value }))

两种方案输出的data都符合你要求的数组结构。

内容的提问来源于stack exchange，提问作者Joseph