使用破坏和对象格式化。

Question

我正在启动一个新的React项目，我的API返回了我的JSON，其中这种格式不是我想要的会议。我尝试使用破坏性和object.entries。我拥有的：

 {
        "meetings": [
            {
                "room1": DC13,
                "room2": AP47,
            }
        ],
        "teachers": [
            {
                "name: "Patrick",
                "speciality":"Math"
            },
           ...
        ],
        "alumni": [
            {
                "firstName": "Joe",
                "lastName":"Luis"
            },
            ...
        ]
      
    }

我想要的：

   {
            "meetings": [
                {
                    "name": room1,
                    "location": DC13,
                },
                {
                    "name": room2,
                    "location": AP47,
                },

            ],
            "teachers": [
                {
                    "name: "Patrick",
                    "speciality":"Math"
                },
               ...
            ],
            "alumni": [
                {
                    "firstName": "Joe",
                    "lastName":"Luis"
                },
                ...
            ]
          
        }

我尝试过但不起作用的是：

const data= {meetings, teachers, alumni}
const newData = Object.entries(meetings).reduce((acc,name,location])=>acc.concat({name,location}),[]))

然后使用此newdata进行操作。

Answer 1

看来，使用MAP此处比redable更干净，因此，这是使用MAP的工作解决方案。

const data = { meetings, teachers, alumni };
data.meetings = Object.entries(data.meetings[0]).map(([key, value]) => ({
  "name": key,
  "location": value,
}))

Answer 2

这为您带来了所需的输出。它通过将其输入映射到新的对象中，用name和位置键将对象映射并重组对象。

const data = {
    meetings: [
        {
            room1: "DC13",
            room2: "AP47",
        }
    ],
    teachers: [
        {
            name: "Patrick",
            speciality: "Math",
        },
    ],
    alumni: [
        {
            firstName: "Joe",
            lastName: "Luis",
        },
    ],
}

const newData = {
  ...data,
  meetings: data.meetings.map(meeting =>
    Object.entries(meeting)
      .map(([name, location]) =>
        ({name, location})
      )
    )
}

console.log(newData);