Iterating thru Object properties produces different results in different browsers [duplicate]

Question

I am creating a very basic object in JavaScript and looping thru its properties, displaying property name:

var name = {
                'A': 'DataA',
                'B': 'DataB',
                'C': 'DataC',
                'D': 'DataD',
                'E': 'DataE'
            }

for (var propName in name) {
    document.getElementById('result').innerHTML += propName + ' '
}

In IE and FireFox it produces expected result:

A B C D E 

But in Chrome same code produces

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14

Any idea why? Does keyword name hold some significance in Chrome?

Answer 1

Chrome doesn't seem to like it when you use it as a global variable (there's also a name property on the window object). Just run it inside a function.