Added function to Array in JavaScript, how to keep function out of for...in?

Question

I extended Array to support indexOf in IE using this JavaScript function from Mozilla MDC.

Unfortunately, when using for...in syntax to iterate over the Array, the loop stops on indexOf instead of just numerical indexes.

Can I keep indexOf out of for...in syntax in Internet Explorer (it does in Chrome)? What makes the Array.length property and other Array functions so special that the for...in loop skips over them?

I know that switching to standard for syntax is a solution, but I would prefer a for...in fix.

the solution is not to use for..in for iterating over the array. the reason length and other properties don't show up is because of the internal [`DontEnum`](https://developer.mozilla.org/en/ECMAScript_DontEnum_attribute) attribute in ES3. ES5 standardizes this behavior though, so you can make your properties non-enumerable as well. — Anurag, Feb 04 '11 at 05:55
I can't control what other people do with this JS file. They might decide to use for...in on Array while this is included. — getWeberForStackExchange, Feb 04 '11 at 05:57
See http://stackoverflow.com/questions/2636453/is-it-possible-to-create-a-hidden-property-in-javascript — Alex Jasmin, Feb 04 '11 at 05:58
@weberwithoneb then I'm afraid you will have to make it a stand alone function. At least until ES5 is widely available. — Alex Jasmin, Feb 04 '11 at 05:59

score 1 · Accepted Answer · answered Feb 04 '11 at 07:06

Aside from avoiding the for...in notation for arrays, try to apply defensive programming:
When using the for (... in ...) syntax in ES3 (current browsers), it's always recommended that you filter it:

var member;
for (member in someObject) {
  if (someObject.hasOwnProperty(member)) {
    someObject[member]; // do whatever you want with it
  }
}

Other code could also enrich some object prototype.

Added function to Array in JavaScript, how to keep function out of for...in?

1 Answers1