从 API 映射数据时忽略 Typescript 中的大小写

Question

我的 API 中有以下 json 示例：

{"Name":"John","Address":"New Town"...} - 因此名称和地址等属性以大写字母开头。

我试图将返回值设置到下面的 dto 中，但它不起作用。 但是，如果我将名称更改为名称并将地址更改为地址，它就可以工作。 根据我的编码惯例，我必须使用驼峰式大小写。 有没有办法忽略映射中的大小写？

export interface Employees{
    name: string;
    address: string;
}

这是我如何进行映射：

employeeResults: Employees[] = [];

this.employeeService.getEmployeeResults().subscribe((employee: Employees[]) => {
  this.employeeResults= hotels;
})

Answer 1

您可以像这样使用 map：

this.employeeService.getEmployeeResults().subscribe((employees: any[]) => {
 let mappedEmpeloyees = employees.map( (e) => {return {name: e.Name,address:e.Address};})
  this.employeeResults=  mappedEmpeloyees;
})

Answer 2

由于 JS 区分大小写，我建议使用一些帮助程序 function，它可以以不敏感的方式通过键获取对象的属性。

const getPopertyByKey = (obj, key) => obj[Object.keys(obj).find(k => k.toLowerCase() === key.toLowerCase())];
    

然后你可以将 map 服务的结果发送到你的界面：

    employeeResults: Employees[] = [];
    
    this.employeeService.getEmployeeResults()
        .subscribe((employees: Employees[]) => {
            this.employeeResults = employees
                .map((e: Employees) => (
                    {
                        name: getPopertyByKey(e, 'nAmE'),
                        address: getPopertyByKey(e, 'AdDrEsS')
                    } as Employees
                )
            );
    });