converting enum object to array returns extra object in javascript

Question

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}
]

Answer 1

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);