如何 map JSON 键动态

Question

所以我有一个来自 API 呼叫的初始 JSON object 。 我需要将此数据 map 到第二个 JSON object 然后由应用程序使用。 来自 API 调用的初始 object 看起来像这样......

const initialData =  {
        "PersonId": 1234,
        "Surname": "Blogs",
        "Forename": "Joe"
        }

它需要看起来像这样才能被前端消耗......

{
    "IdNumber": 1234,
    "Last_name": "Blogs",
    "First_name": "Joe"
}

一开始我写这个...

const mappedData = (initialData) => {
   return {
        "IdNumber": initialData.PersonId,
        "Last_name": initialData.Surname,
        "First_name": initialData.Forename
   }
} 

这样做的问题是缺乏灵活性。 如果 initialData 中要更改的键的名称（例如，有人进入数据库并决定 Forename 应该是 FirstName），那么我提取的数据不再正确映射并且我的应用程序中断。 有人可以解释如何/如果这可以动态完成吗？

谢谢！

Answer 1

首先，我建议您和您团队中的人员不要更改数据库条目的名称，并且找不到任何人这样做的明确原因。 但是，如果您确实想更改名称，最好的做法是在前端和后端都更改条目的名称。

如果您仍想动态执行此操作，一个好方法是：

1. 使用 JavaScript 方法 Object.keys() 获取 object 的密钥。
2. Map 将 object 的值改为它们的新值名称

这将是一个例子：

function changeObjectNames(initialData) {
  const keys = Object.keys(initialData);

  return {
        "IdNumber": initialData[keys[0]],
        "Last_name": initialData[keys[1]],
        "First_name": initialData[keys[2]]
  }
}

我提出的解决方案存在一个问题：数据可能以错误的顺序出现。 就目前而言，这是我能提供的最佳答案。 因此，我建议您不要尝试更改数据库条目的名称，除非绝对必要。