How to convert enum into a key,value array in typescript?

Question

var enums = {
  '1': 'HELLO',
  '2' : 'BYE',
  '3' : 'TATA'
  };

I want to be able to convert that into an array that looks like this,

[
  {
    number:'1',
    word:'HELLO'
  },
  {
    number:'2',
    word:'BYE'
  },
  {
    number:'3',
    word:'TATA'
  }
]

all of the solutions I see form an array of either the keys or the values.

What is {'1', 'HELLO'}? It is neither valid JavaScript nor valid TypeScript. — jcalz
– jcalz, Commented Mar 5, 2019 at 17:27

Nina Scholz · Accepted Answer · 2019-03-05 17:42:42Z

13

You could map the entries with short hand properties.

var enums = { 1: 'HELLO', 2: 'BYE', 3: 'TATA' },
    objects = Object.entries(enums).map(([number, word]) => ({ number, word }));

console.log(objects);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 5, 2019 at 17:42

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Code Maniac · Accepted Answer · 2019-03-05 17:36:02Z

7

You can use Object.entries and map it to desired format

var enums = {
  '1': 'HELLO',
  '2' : 'BYE',
  '3' : 'TATA'
  };
  
let op = Object.entries(enums).map(([key, value]) => ({ number:key, word:value }))

console.log(op)

edited Mar 5, 2019 at 17:36

answered Mar 5, 2019 at 17:28

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

6 Comments

brk Over a year ago

how do you know this the expected output?

Code Maniac Over a year ago

@brk this is specified in question mate. I want to be able to convert that into an array that looks like this,

user7434041 Over a year ago

Thanks for the answer. This gives me the output [ { "1": "HELLO" }, { "2": "BYE" }, { "3": "TATA" } ] I need it to be [ { "1","HELLO" }, { "2","BYE" }, { "3","TATA" } ] , instead of the :

WilliamNHarvey Over a year ago

@user7434041 can you describe the datatype you expect? { "1","HELLO" } is not valid javascript or typescript. it almost looks like a python tuple

Code Maniac Over a year ago

@user7434041 in object you need key/value pair, in this format --> key:value.

|

Shidersz · Accepted Answer · 2019-03-05 17:37:46Z

3

Another alternative is to use a for ... in loop to iterate over the enums keys and construct your desired array of objects.

var enums = {
  '1': 'HELLO',
  '2' : 'BYE',
  '3' : 'TATA'
};

let res = [];

for (key in enums)
{
    res.push({number: key, word: enums[key]});    
}

console.log(res);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

answered Mar 5, 2019 at 17:37

Shidersz

17.2k2 gold badges28 silver badges52 bronze badges

Comments

illuminate · Accepted Answer · 2019-03-05 22:15:49Z

1

You can use Object.keys and map

var obj = {
  '1': 'HELLO',
  '2' : 'BYE',
  '3' : 'TATA'
};


const result = Object.keys(obj).map(el => {
  return {
    number: el,
    word: obj[el]
  }
})

console.log(result)

answered Mar 5, 2019 at 22:15

illuminate

1117 bronze badges

Comments

D Mishra · Accepted Answer · 2019-03-05 17:42:36Z

0

Need to create an object of Map type then get the value using get method like outData.get("1")

var obj = {
    '1': 'HELLO',
    '2': 'BYE',
    '3': 'TATA'
};
var outData = new Map();
Object.keys(obj).forEach(function (e) {
    outData.set(e, obj[e])
});

To get data use outData.get("key")

Now the out put data will like-

Map(3) {"1" => "HELLO", "2" => "BYE", "3" => "TATA"}

edited Mar 5, 2019 at 17:42

answered Mar 5, 2019 at 17:37

D Mishra

1,6081 gold badge14 silver badges17 bronze badges

Comments

Sachintha Nayanajith · Accepted Answer · 2019-03-05 18:27:32Z

0

you can use Object.entries() with foreach and push it to an array like this

var enums = {
    '1': 'HELLO',
    '2' : 'BYE',
    '3' : 'TATA'
    };

var enumArray = []
Object.entries(enums).forEach(([key, value]) => enumArray.push({number : key, word : value}));

console.log(enumArray);

edited Mar 5, 2019 at 18:27

answered Mar 5, 2019 at 18:14

Sachintha Nayanajith

7315 silver badges12 bronze badges

1 Comment

hafiz ali Over a year ago

this will give you all key and value combinations resulting in wrong number of array objects E.G typescriptlang.org/play?#code/…

Collectives™ on Stack Overflow

How to convert enum into a key,value array in typescript?

6 Answers 6

Comments

6 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

6 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related