React - 将对象转换为具有属性的对象数组

Question

我有以下对象

"data":{  
         "name 1":"a",
          "name 2":"b",
          "name 3":"b",
        },

如何转换为同时保留名称和数据“a”、“b”的对象数组，以便我可以为每个传入名称和数据的组件映射和渲染？

Answer 1

如果您使用减少功能，您可以执行以下操作来实现您的目标

Object.keys(data).reduce((array, key) => {
    return [...array, {key: data[key]}]
}, [])

Reduce 是一个很酷的函数，它迭代并将数据组合成一个项目（可以是 1 个对象、数组、整数等）。

Object.keys() 是一种从当前对象中获取每个键并能够迭代每个键的方法。