Array.each outputs all methods

Question

Why would...

for(var k in this.errors) {
  $('error_list').insert({
   bottom: new Element('li').update(k + ' :'+this.errors[k])
  })
 }

...output put all Prototype enumerable methods, plus what I've added to the array?

I'm building an associative array:

this.errors['email'] = 'Your email is invalid';

Answer 1

You need to use "hasOwnProperty" to guard against this.

Answer 2

Try this:

$H(this.errors).each(function(error) {
 $('error_list').insert({
  bottom: new Element('li').update(error.key + ': ' + error.value)
 })
})

Answer 3

You may prevent this using hasOwnProperty:

for(var k in this.errors) {
    if (this.errors.hasOwnProperty(k)) {
        $('error_list').insert({
            bottom: new Element('li').update(k + ' :'+this.errors[k])
        })
    }
}