Iteración con javascript y JSON crea elementos "undefined"

[Fleon]

He resuelto cambiando el siguiente código:

Código Javascript:

for (var i in librerias.data) {
    var elem = document.createElement("option");
    elem.value = librerias.data[i].main;
    elem.innerHTML = librerias.data[i].text;
    document.getElementById("main_selection").appendChild(elem);
}
 

Por:

Código Javascript:

for (var i = 0; i < librerias.data.length; i++) {
    var elem = document.createElement("option");
    elem.value = librerias.data[i].main;
    elem.innerHTML = librerias.data[i].text;
    document.getElementById("main_selection").appendChild(elem);
}
 

Ya no me crea esos elementos undefined.

Saludos.