Ignore Case in Typescript when mapping data from API

Question

I have the below json example from my API:

{"Name":"John","Address":"New Town"...} - so the properties like Name and address starts with an upper-case.

I tried to set the return value into the below dto and it does not work. However if I change the name to Name and address to Address, it works. As per my coding convention, I have to use camel case. Is there a way to ignore the case in the mapping?

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

Here is how I do the mapping:

employeeResults: Employees[] = [];

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

Would it be an option to handle this on the back-end side? For example say you are using .NET you could use this stackoverflow.com/questions/19445730/… — Mathyn
– Mathyn, Commented Jan 26, 2023 at 8:36

elias-heydarpour · Accepted Answer · 2023-01-27 11:07:39Z

0

you can use map like this:


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

answered Jan 27, 2023 at 11:07

elias-heydarpour

3053 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mazooma · Accepted Answer · 2023-01-27 12:19:59Z

As JS is case-sensitive I would suggest using some helper function which can get an object's property by the key in an insensitive way.

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

And then you can map service's result to your interface:

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

Collectives™ on Stack Overflow

Ignore Case in Typescript when mapping data from API

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related