Typescript/ Angular - 如何重命名从服务器接收到的对象？

Question

我正在从服务中获取以下格式的数据

yourData.ts 文件

export interface YourData {
    first_name: number;
    last_name: number;

在 UI Angular 上，我想将格式显示为 Lower camel case

html文件

firstName is {{firstName}}
lastName is {{lastName}}

我可以在哪里以及如何进行上述更改？

我正在计划类似的事情，不确定是否正确

export const parseFromServer = (response:any) =>{
    return {
        firstName : response.first_name
    }
}

Answer 1

更新：

如果您希望使用相同的对象，方法是添加一个新键并删除旧键。如果您想使用新对象，请检查旧答案。

    var oldObject: any = {
        first_name: 1,
        last_name: 2
    }
    var keys = Object.keys(oldObject);
    for(var key in oldObject) 
    {
        let words = key.split("_");
        oldObject[words[0][0].toLowerCase() + words[0].substring(1) + words[1][0].toUpperCase() + words[1].substring(1)] = oldObject[key]; // add new key
        delete oldObject[key]; // delete old key
    }
    console.log(oldObject)

您需要做的只是确保键名是唯一的，并且单词格式为 {word1}_{word2}

旧答案：

根据评论，我了解到您希望将对象键从 first_name 重命名为 firstName。您不能这样重命名，但您可以使用所需的键名创建一个新对象并分配适当的值。

从您的示例中，如果您已经知道键名，那么很简单：

var oldObject = {
    first_name: 1,
    last_name: 2
}
var newObject = {
  firstName: oldObject.first_name,
  lastName: oldObject.last_name
}; 
console.log(newObject)

如果您不知道键名，但您知道格式是 {word1}_{word2}，那么您可以编写自己的逻辑。这是一个：

var oldObject: any = {
    first_name: 1,
    last_name: 2
}
var newObject: any = {};
var keys = Object.keys(oldObject);
for(var key in oldObject) 
{
  let words = key.split("_");
  newObject[words[0][0].toLowerCase() + words[0].substring(1) + words[1][0].toUpperCase() + words[1].substring(1)] = oldObject[key];
}
console.log(newObject)

这是playground。

Answer 2

我认为您可以尝试这种方法，不确定它是否适用于您的情况 - https://levelup.gitconnected.com/spreading-resting-and-renaming-properties-in-typescript-68fb35ffb1f