How do I make it into Array of Objects in Angular 2?

Question

This is my code. I am trying since a couple of days to create an Array of Objects, which I will then store in Local Storage. Here is the problem, I need to first Get the existing value from Local Storage.

I then need to add the new data object to the existing array. I then convert it into JSON so that I can store it back in the local storage.

onRegisterSubmit(){
    const user = {
        a: this.a,
        b: this.b,
        c: this.c,
      id: Date.now()
    }    

   var abc = [];
   var get =  JSON.parse(localStorage.getItem('user'));
   abc = [get];
   abc.push(user);

   localStorage.setItem('user', JSON.stringify(abc));

   console.log(JSON.stringify(abc));
   console.log(get);
  }

I want the JSON to be an array of objects like this,

[{"hour":1,"minute":21,"ampm":"PM","repeatDays":[],"message":"","todayOrTomorrow":"Tomorrow","isRepeatMode":false,"isEnabled":false,"id":"1493797882440"},{"hour":1,"minute":24,"ampm":"PM","repeatDays":[],"message":"","todayOrTomorrow":"Tomorrow","isRepeatMode":false,"isEnabled":false,"id":"1493797896257"},{"hour":6,"minute":14,"ampm":"PM","repeatDays":[],"message":"","todayOrTomorrow":"Tomorrow","isRepeatMode":false,"isEnabled":false,"id":"1493815470408"}]

This is my JSON.

[[[[[[[{"id":1493820594019},{"id":1493820606448}],{"id":1493820609111}],{"id":1493820610150}],{"id":1493820610553}],{"id":1493820610827}],{"id":1493820611015}],{"id":1493820612018}]

Please help.Been trying for several days and any help will be greatly appreciated. Thankyou!

And what happens instead of it working as you wanted?

nitind
– nitind

2017-05-03 15:47:57 +00:00
Commented May 3, 2017 at 15:47 — nitind
– nitind, Commented May 3, 2017 at 15:47
I don't get you @nitind

Juggernaut
– Juggernaut

2017-05-03 15:57:48 +00:00
Commented May 3, 2017 at 15:57 — Juggernaut
– Juggernaut, Commented May 3, 2017 at 15:57
What error message are you getting, for starters.

nitind
– nitind

2017-05-03 16:23:45 +00:00
Commented May 3, 2017 at 16:23 — nitind
– nitind, Commented May 3, 2017 at 16:23

Meir · Accepted Answer · 2017-05-03 15:48:06Z

1

You keep nesting your values on each call to:

abc = [get];

Replace it with:

abc = get;

and it should work

answered May 3, 2017 at 15:48

Meir

14.4k4 gold badges44 silver badges49 bronze badges

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

2 Comments

Juggernaut Over a year ago

This gives an error that abc.push isn't a function.

Meir Over a year ago

Can you debug and tell us what type you get?

kimamula · Accepted Answer · 2017-05-05 17:00:42Z

0

var abc = [];
var get = JSON.parse(localStorage.getItem('user'));
abc = [get];

should be replaced with

var abc = JSON.parse(localStorage.getItem('user')) || [];

Do not forget to execute localStorage.deleteItem('user'); to clear the wrong data which has been stored by the wrong code before you run the corrected code.

answered May 5, 2017 at 17:00

kimamula

12.9k8 gold badges42 silver badges32 bronze badges

Collectives™ on Stack Overflow

How do I make it into Array of Objects in Angular 2?

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