Angular 2, Unable to iterate through array

Question

I have a subscribed to a FirebaseObjectObservable to get value of a property of an object from my firebase database. This property can contain multiple values so I stored the values in a local array variable.

But I am unable to iterate through this local array variable using forEach. So I console.log this array variable. This variable seems to have json format maybe thats why I am unable to iterate. Please help me find a way to iterate through this variable.

* Code and Console Images :

Code Screenshot

Console Screenshot

* Edit *

I shifted the code inside the subscribe method to iterate.

getAttachments() {
this.assignment.subscribe(asnDetails => {
  if (asnDetails.fileKey) {
    this.fileKeys.push(asnDetails.fileKey);
    this.fileKeys[0].forEach(asnFileKey => {  // <---- shifted this forEach loop inside subscribe 
      this.asnFiles = this._getAsnService.getAssignmentFiles(asnFileKey);
      this.asnFiles.subscribe(file => {
        this.fileNames.push(file.name);
      });
    });
  }
});
}

Please put the relevant code in the question. Also, please write in correct international English, in which the word "I" is capitalized. Finally, please spare us unnecessary details about where you are in your learning curve, or how grateful you are for future answers. — user663031
– user663031, Commented Jun 18, 2017 at 20:02
Possible duplicate of How do I return the response from an asynchronous call? — user663031
– user663031, Commented Jun 18, 2017 at 20:09

user663031 · Accepted Answer · 2017-06-18 20:08:37Z

2

The this.fileKeys value is available only within the subscribe handler. That's basic to asynchronous programming. Your console log is immediately after the subscribe, and is executed before the subscription has had a change to fire.

answered Jun 18, 2017 at 20:08

user663031

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

Comments

Ced · Accepted Answer · 2017-06-18 19:57:54Z

1

You have one nested array in your screenshot. The first one is of length 1 and the nested one is of length two. So you can access array[0].forEach(item => console.log(item))

answered Jun 18, 2017 at 19:57

Ced

17.7k16 gold badges103 silver badges160 bronze badges

1 Comment

PR7 Over a year ago

this.fileKeys[0].forEach( item => { console.log(item); }); tried this just now, got this error : Uncaught (in promise): TypeError: Cannot read property 'forEach' of undefined TypeError: Cannot read property 'forEach' of undefined at ....

Garamaru · Accepted Answer · 2017-06-18 19:41:18Z

0

Sadly, I can't comment. It's not an angular or firebase problem.
It's a normal array, based on your console screenshot.
Have you tried to iterate through this.fileKeys?
If someone could post this as a comment, I would delete this as an answer.

answered Jun 18, 2017 at 19:41

Garamaru

1161 gold badge1 silver badge11 bronze badges

4 Comments

PR7 Over a year ago

yes i tried iterating this.fileKeys but it seems like its not entering the loop. this.fileKeys.forEach( x => { console.log("Iterating..."); });

Garamaru Over a year ago

Can you do a console.log(this.fileKeys.length)) please and post the result?

PR7 Over a year ago

console.log(this.fileKeys.length) returns 0

PR7 Over a year ago

and 1 if used inside the subscribe

Collectives™ on Stack Overflow

Angular 2, Unable to iterate through array

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related