Typescript undefined is not an object when pushing to array

Question

I am trying to push to an array but it keeps giving me this error:

Uncaught (in promise): TypeError: Cannot read property 'push' of undefined
TypeError: Cannot read property 'push' of undefined

here is the source where I am simply adding to an array. I take the obsevable from the firestore collection and loop through it. Why is it giving me this error when the array of category objects is right there. categories: Category[];

transactions: Observable<Transaction[]>;
categories: Category[];

private organizeData() {
    let category: Category;

    this.transactions.forEach(v => {
      for (let i = 0; i < v.length; i++) {
        category = {name: v[i].category, totalSpent: v[i].amount};
        this.categories.push(category);
      }
    });
  }

Titian Cernicova-Dragomir · Accepted Answer · 2018-06-21 15:43:24Z

8

categories: Category[] is just the declaration of an array, you need to actually create a new array and assign it to the field:

categories: Category[] = []

answered Jun 21, 2018 at 15:43

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

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

Comments

mahval · Accepted Answer · 2018-06-21 15:43:35Z

4

You are not initiating your array categories so it will return undefined. Try:

categories: Category[] = [];

answered Jun 21, 2018 at 15:43

mahval

2,2331 gold badge21 silver badges26 bronze badges

Collectives™ on Stack Overflow

Typescript undefined is not an object when pushing to array

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related