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
}

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;

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: