How to convert group of objects into an Array in Typescript

Question

I have a group of objects like this

         {
           'name'   :'Andrew',
           'gender' :'Male',
           'dob'    :'12/12/1991'
         },

         {
           'name'   :'Robby',
           'gender' :'Male',
           'dob'    :'12/12/1996'
         },

How do I convert this to an array of objects? For example

myArray:Array<any>= [
          {
              'name'   :'Andrew',
              'gender' :'Male',
              'dob'    :'12/12/1991'
          },

          {
               'name'   :'Robby',
               'gender' :'Male',
               'dob'    :'12/12/1996'
          },
     ]

I'm expecting group of objects to be converted into Array of objects. How do I achieve this in Typescript?

The first snippet of yours isn't a valid js code. You must have key to value, and you have only values... — Nitzan Tomer
– Nitzan Tomer, Commented Jan 11, 2017 at 14:28
@yarons I'm getting data from backed as objects in the form of { }. I want to put these in an array. — Protagonist
– Protagonist, Commented Jan 11, 2017 at 14:30
@NitzanTomer I'm getting data from the backed as group of objects. I want to put all these in an array — Protagonist
– Protagonist, Commented Jan 11, 2017 at 14:32

Nitzan Tomer · Accepted Answer · 2017-01-11 14:35:25Z

3

The data that you're getting, if it's a valid json should look like this:

"key1": {
    'name'   :'Andrew',
    'gender' :'Male',
    'dob'    :'12/12/1991'
},
"key2": {
    'name'   :'Robby',
    'gender' :'Male',
    'dob'    :'12/12/1996'
}
...

If you have that in a variable then:

let json = that json strucutre
let objs = Object.keys(json).map(key => json[key]);

answered Jan 11, 2017 at 14:35

Nitzan Tomer

166k51 gold badges330 silver badges307 bronze badges

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

Comments

Phil Cap · Accepted Answer · 2017-01-11 14:34:26Z

0

There are many approaches, but a basic viable option is to use a for-in loop to populate an array, like so:

myArray = [] for (anObject in myObjects) { myArray.push(anObject) }

answered Jan 11, 2017 at 14:34

Phil Cap

2092 silver badges10 bronze badges

2 Comments

Protagonist Over a year ago

This will fetch only keys, not both keys and values

Phil Cap Over a year ago

It is an array of objects. If you need to display the keys then use Object.keys.

Collectives™ on Stack Overflow

How to convert group of objects into an Array in Typescript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related