for.In

Uso básico del ciclo for ... in

by Raziel

HTML

<div id="boton">
    <button id="btn">Mostrar</button>
    <button id="btn1">Limpiar</button>
</div>

<div id="txt">
</div>

JavaScript

function recorrerArreglo() {
    //Declaración e inicialización del array
    var meses = new Array();

    //Carga de datos en el array
    meses.push("Enero");
    meses.push("Febrero");
    meses.push("Abril");
    meses.push("Mayo");
    meses.push("Junio");
    meses.push("Julio");
    meses.push("Agosto");
    meses.push("Septiembre");
    meses.push("Octubre");
    meses.push("Noviembre");
    meses.push("Diciembre");

    //Declaración de una variable texto vacía
    //Variable auxiliar para mostrar texto
    var txt = document.getElementById("txt");
    txt.innerHTML = "";

    //Iniciamos el for( ... in ...)
    //utilizando un nombre de variable arbitrario
    //que nos recuerde que tipo de información
    //estamos recorriendo en el array
    for (var mes in meses) {
        txt.innerHTML += mes + " : " + meses[mes] + "<br />";
    }
}


function limpiar () {
    document.getElementById("txt").innerHTML = "";
}

window.onload = function () {
    document.getElementById("btn").onclick = recorrerArreglo;
    document.getElementById("btn1").onclick = limpiar;
}