Sorting json response in different javascript arrays

Question

Using Angular2

I get json response with a list of actions/moves.

If the action type is move, assign it to movesForward array;

If the action type is fight, assign it to actions array;

public movesForward = []; public actions = [];

   ngOnInit()
   {
      this.userData.actions.forEach(function(entry) {
            switch(entry.type)
            {
                case "move":
                this.movesForward.push(entry);
                break;
                case "fight":
                this.actions.push(entry);
                break;
            }
        });
   }

My problem is that the foreach is inside inner function and I can't access my public variables in this function.

TypeError: Cannot read property 'movesBack' of undefined

I'm not interested in using pipes since its one-time use only in one component.

How I can access my main class variables inside my foreach?

Günter Zöchbauer · Accepted Answer · 2016-05-13 10:47:02Z

3

Just use ()=> instead of function() (if you are using TS or ES6)

 ngOnInit()
   {
      this.JwtService.userData.zone.actions.forEach((entry) => {
            switch(entry.type)
            {
                case "move":
                this.movesForward.push(entry);
                break;
                case "fight":
                this.actions.push(entry);
                break;
            }
        });
   }

or in ES5

 ngOnInit()
   {
      this.JwtService.userData.zone.actions.forEach((function (entry){
            switch(entry.type)
            {
                case "move":
                this.movesForward.push(entry);
                break;
                case "fight":
                this.actions.push(entry);
                break;
            }).bind(this)
        });
   }

edited May 13, 2016 at 10:47

answered May 13, 2016 at 10:37

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

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

1 Comment

Günter Zöchbauer Over a year ago

Right. An alternative solution is to use .bind(this).

Collectives™ on Stack Overflow

Sorting json response in different javascript arrays

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related