Convert an object to an array in angular2/typescript

Question

Am new to angular and typescript and I have this function

 onSetValues(user){ //user is an object
    console.log(user);  
 }

The console.log above returns an object of the form

role:"administrator"
status:10
tries:2

I would like to transform thisto an array so that i can loop through them like

for(var i=0; i<array.length; i++){
 //do m stuff here
  }

How do i convert this

I have checked on this link but it doesnt offere help in angular2/typescript

I have also tried

console.log(user| {}) //also fails

Why do you want to do this? You can loop through the properties of your object directly if this would be the only reason. — malifa
– malifa, Commented Jan 29, 2017 at 17:08

penleychan · Accepted Answer · 2017-01-29 17:03:44Z

8

If you really want to convert your object values to array... you would have to do this.

  let user = {
    role:"administrator",
    status:10,
    tries:2,
  };

  let arr = [];
  for(let key in user){
   if(user.hasOwnProperty(key)){
     arr.push(user[key]);
   }
  }
  console.log(arr);

Result from console.log

0:"administrator" 1:10 2:2

answered Jan 29, 2017 at 17:03

penleychan

5,4971 gold badge20 silver badges29 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2017-01-29 08:12:28Z

3

You can create an interface with the properties,

interface user{
  role: string;
  status: string;
  tries: number;
}

Create an array inside the appcomponent,

 users: user[] = [];

And then you can push the user object and make as a array,

this.users.push(user);

edited Jan 29, 2017 at 8:12

answered Jan 29, 2017 at 8:05

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

3 Comments

Sajeetharan Over a year ago

sorry that should be this.users

Geoff Over a year ago

This now creates an array but its an array of this object but i wantend the values to be pushed to an array, What i mean is this it creates an array of the form ((array(0->the user obect))) what i was looking for is an array of the form(array(role:"",status:10,...))

Geoff Over a year ago

so the push pushes the object to the array but am looking for a way to push the object properties(status,role, tries) and make them an array

Krishna Vyas · Accepted Answer · 2019-12-11 10:34:21Z

0

Just put the response data inside a square bracket.

And save it in the class.

this.servicename.get_or_post().subscribe(data=> this.objectList = [data]);

edited Dec 11, 2019 at 10:34

Krishna Vyas

1,0288 silver badges28 bronze badges

answered Dec 11, 2019 at 9:28

vino

1171 silver badge4 bronze badges

Collectives™ on Stack Overflow

Convert an object to an array in angular2/typescript

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related