for each loop is not working in major browsers except firefox

Question

My Code:

<script type="text/javascript">
for each ( var movie in ['Endhiran The Robot','Shivaji The Boss','Anbulla Rajinikanth'] )
    document.writeln(movies + "<br/>");
</script>

In Firefox, I am getting the output as

Endhiran The Robot
Shivaji The Boss
Anbulla Rajinikanth

But in IE9 and Chrome Version 23.0.1271.95 m, for each is not working and nothing is written on the document

btw, the var `movies` should be `movie`, right? and you should not use `document.writeln`/`document.write` at all — Tim Büthe, Dec 11 '12 at 13:05
@TimBüthe, Thanks. I will be editing and change to `movie`. One doubt, I used `for` alone instead of `for each` but the `output` I am getting as `0,1,2` instead of those `movie names` — Earth, Dec 11 '12 at 13:06
Yeah, right, that iterates over the index, forgot that. I would suggest to just go with Julien Royer's answer. — Tim Büthe, Dec 11 '12 at 13:13
@TimBüthe, Thanks. I am going with the Julien Royer's answer. — Earth, Dec 11 '12 at 13:15

Julien Royer · Answer 1 · 2012-12-12T09:14:35.920

4

The for each construction is an extension to the ECMAScript language; it is defined in the E4X specification which is not widely supported.

I think that only Firefox supports it in the HTML scripting microcosm, and it has been deprecated: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for_each...in

To iterate over an array, you can use a plain for loop:

var movies = ['Endhiran The Robot', 'Shivaji The Boss', 'Anbulla Rajinikanth'];
for (var i = 0; i < movies.length; ++i) {
  document.writeln(movies[i] + "<br/>");
}

edited Dec 12 '12 at 09:14

answered Dec 11 '12 at 13:02

Julien Royer

1,419
1
14
27

So, `firefox` alone is allowing `for each` construction. – Earth Dec 11 '12 at 13:04

score 3 · Accepted Answer · edited May 23 '17 at 11:55

3

There is no for each in JavaScript, that was a non-standard extension.

There is the new ES5 forEach function, which is well supported in modern browsers although of course not in older ones:

['Endhiran The Robot','Shivaji The Boss','Anbulla Rajinikanth'].forEach(function(movie) {
    document.writeln(movie + "<br/>");
});

Several other options over in this other answer here on Stack Overflow. (The question mentions jQuery, but the answer covers both plain JavaScript and jQuery options.)

edited May 23 '17 at 11:55

Community

1
1

answered Dec 11 '12 at 13:05

T.J. Crowder

1,031,962
187
1,923
1,875

Actually, `for each` was in fact a standard extension. It's part of the ECMA-357 standard. – Boris Zbarsky Dec 14 '12 at 09:29
@BorisZbarsky: Interesting! But 357 -- ECMAScript for XML -- is not [262](http://www.ecma-international.org/publications/standards/Ecma-262.htm). ;-) – T.J. Crowder Dec 14 '12 at 10:09
Sure. I didn't say it was part of ECMA-262. I simply said it was following a published standard extending ECMA-262. ;) – Boris Zbarsky Dec 14 '12 at 19:15
@BorisZbarsky: Indeed. :-) – T.J. Crowder Dec 14 '12 at 19:21

for each loop is not working in major browsers except firefox

2 Answers2

Linked