Creating an array from JSON data

Question

I'm trying to create an array from this localStorage data. This because I want to bind the data to a list in my HTML doc. Since <li *ngFor="let user of users">{{user.name}}</li> only supports arrays I need to convert my JSON to an array.

LocalStorage JSON:

Key: User Value: {"name":"Kevin","country":"Canada","about":"Test","image":""}

Why don't you store it as array?

sandrooco
– sandrooco

2017-09-21 07:43:57 +00:00
Commented Sep 21, 2017 at 7:43 — sandrooco
– sandrooco, Commented Sep 21, 2017 at 7:43

Sajeetharan · Accepted Answer · 2017-09-21 07:43:50Z

2

Create a variable named users

users:any = [];

then

let user = JSON.parse(localStorage.getItem('user'));
this.users.push(user);

answered Sep 21, 2017 at 7:43

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

Amar Over a year ago

I get this error ERROR TypeError: Cannot read property 'name' of null

Sajeetharan Over a year ago

try this <li *ngFor="let user of users">{{user?.name}}</li>

Martin · Accepted Answer · 2017-09-21 07:44:37Z

2

You can do it using map function:

var users = Object.keys(obj).map(function(x) { return obj[x] });

answered Sep 21, 2017 at 7:44

Martin

1,2893 gold badges18 silver badges37 bronze badges

Collectives™ on Stack Overflow

Creating an array from JSON data

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related