Call function on each array element

Question

I'm trying to pass every element of an array to my function:

e.target.files.forEach(myfunction);

But I get this error:

Uncaught TypeError: Object # has no method 'forEach'

I did a console log on it and confirmed the array is not empty.

Whatever e.target.files is, it doesn't have a forEach() method. — Matthew Rapati
– Matthew Rapati, Commented Nov 23, 2013 at 2:16

jfriend00 · Accepted Answer · 2013-11-23 02:21:48Z

3

e.target.files is probably not a real Array so it doesn't have a forEach() method. I'm guessing it is a FileList object.

You may have to iterate it yourself or apply array methods to it indirectly.

var files = e.target.files;
for (var i = 0; i < files.length; i++) {
    myfunction(files[i]);
}

FYI, it is common for the DOM to use pseudo Array types of data structures that have a .length property and can be indexed with [index], but are not actual Array objects so they don't have all the other array methods. NodeList is another such Array-like object used by the DOM that isn't an actual array.

It is also possible to copy this psuedo-array into an actual array or apply some array methods to it using .call() or .apply(), but I don't see that as necessary here. I'd for for the simple for loop above as it's nice and clear what is happening.

edited Nov 23, 2013 at 2:21

answered Nov 23, 2013 at 2:16

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

Comments

Erick · Accepted Answer · 2013-11-23 02:19:39Z

-1

Foreach is not a default method to array. If you copied this code, verify which file is beeing added.

answered Nov 23, 2013 at 2:19

Erick

1,0227 silver badges6 bronze badges

2 Comments

elclanrs Over a year ago

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Mark Reed Over a year ago

forEach is a standard method on Array since ECMAScript 5.

Collectives™ on Stack Overflow

Call function on each array element

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related