JavaScript for/in: Realizar bucles condicionales en objetos con JS

En el siguiente post vamos a repasar la función de JavaScript for/in, su finalidad es la de realizar bucles  condicionales en objetos hasta que se cumpla cierta condición para que pare o se detenga dicho loop.

Anteriormente escribí estos post sobre bucles condicionales en otros lenguajes de programación:

• En PHP tenemos las funciones for, foreach y while.
• jQuery each(): Mismo funcionamiento que foreach pero en jQuery.
• En JavaScript tenemos el bucle while y for.

Sintaxis de la función de JavaScript for/in

Veamos la sintaxis de esta función de JavaScript sacada de su web oficial.

for (variable in objecto) {
    codigo a ejecutar
}

Os epxlico las líneas superiores:

• variable (Obligatorio): Es la variable en la que se guardarán los datos en cada bucle.
• objeto (Obligatorio): Objeto del cual vamos a obtener los datos guardados.

Ejemplos de JavaScript for/in

Vayamos con los ejemplos de for/in:

var datospais = {pais:"México", capital:"Ciudad de México", poblacion:8900000}; 
var datofinal = "";
var x;

for (x in datospais) {
   datofinal += datospais[x] + " ";
}

document.getElementById("ejemplo").innerHTML = datofinal;

Os explico el ejemplo:

• En la variable datospais declaro el objeto con sus valores.
• Declaro 2 variables más, datosfinal y x.
• Con el bucle for/in recorro el objeto.
• Voy guardando en datosfinal cada valor del objeto.
• Por último muestro en pantalla los datos del objeto en el elemento con id = ejemplo.

El código HTML del elemento con id = ejemplo es el siguiente:

<p id="ejemplo"></p>