For loop not working in an object's method

Question

I started to work on my memory mini game, but stopped right after start :( For loop is not working for me. My code:

const game = {
   ...
   shuffledCards: [],

   startGame: () => {
    ...
     // clear variables
     this.shuffledCards = [];

     for (let i = 0; i < this.cardsCount; i++) {
        this.shuffledCards.push(Math.floor(i/2));
     }
   }
}

I want to generate an array which looks like this[0, 0, 1, 1, 2, 2...], but that for loop returns an empty array. Do you know why? When I try to change variables from this to normal ones and paste the code into browser, it works...

Possible duplicate of What does "this" refer to in arrow functions in ES6? — Sebastian Simon
– Sebastian Simon, Commented Feb 18, 2018 at 16:18

Stefan Becker · Accepted Answer · 2018-02-18 16:21:26Z

3

Arrow functions do not inherit this. You need to rewrite your code as

const game = {
   ...
   startGame() {
     ...
     this....
   }
   ...
}

answered Feb 18, 2018 at 16:21

Stefan Becker

6,0529 gold badges24 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

For loop not working in an object's method

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related