Question

It seems that I don’t understand the meaning of the in keyword in JavaScript.

Have a look at this code snippet ( http://jsfiddle.net/3LPZq/ ):

var x = [1,2]
for(i in x){
    document.write(x[i]);
}

When run in the jsfiddle, it prints not only the values contained in the array, but also all of the array object’s properties and methods.

When I change it like this ( http://jsfiddle.net/4abmt/ ):

$(document).ready(function(){
var x = [1,2]
for(i in x){
    document.write(x[i]);
}});

it prints only the values 1 and 2.

Why does this happen? Is this caused by jQuery or does the behavior of the in keyword depend on whether the document is fully loaded or not?

Answer 1

Some of the libraries loaded by jsFiddle extend the default prototype of Array, thus it shows these extra functions. jQuery doesn’t extend the Array prototype and so you don’t see any extra functions.