converting enum object to array returns extra object in javascript

user_17796541 0
Viewed 58

I would like to know how to convert enum object to array of objects in javascript

It works, but am getting the output with four object arrays instead of two object arrays

const result = Object.entries(countries).map(([value, key]) =>
   ({ country: value.toLowerCase(), id: key })
);

enum countries {
  SINGAPORE = 123,
  DENMARK = 246
}

Actual Output:

[
  {country: '123', id: 'singapore'}
  {country: '246', id: 'denmark'}
  {country: 'singapore', id: 123}
  {country: 'denmark', id: 246}
]

Expected Output:

[
  {country: "singapore", id: 123},
  {country: "denmark", id: 246}
]
typescript enums arrays loops javascript
1 Answers

It's important to understand the JavaScript that typescript generates when you use enum - yours will look like this:

{
    "123":"SINGAPORE",
    "246":"DENMARK",
    "SINGAPORE":123,
     "DENMARK":246
}

Which should make it clear why you get 4 items when you enumerate it using Object.entries (or Object.keys etc).

You can filter out the numeric values if you wish

var countries = {
        "123":"SINGAPORE",
        "246":"DENMARK",
        "SINGAPORE":123,
         "DENMARK":246
    }

const result = Object.entries(countries)
                    .filter(([key,_]) => !isNaN(key))
                    .map(([key, value]) => ({ country: value.toLowerCase(), id: key }));
                    
console.log(result);

user_2196610
Related