hice un ejemplo lo mas sencillo posible con el bucle ```for```.

Explicación:

El ```for``` recorre cada objeto del array llamado alumnos, dentro hice una variable llamada parrafo con la que creamos un elemento ```p``` y despues a ese elemento le añadimos los datos del objeto, por ultimo lo insertamos en el elemento (cambie el elemento p por un div para el ejemplo) ```div``` con el id demo. 

(Observé que la etiqueta con el id demo estaba dentro de la etiqueta head, ese tipo de elemento siempre debe estar dentro de la etiqueta body)

Ejemplo:
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html lang="es">

    <head>
    	<title>LMI. Exercicis 5.5</title>
    	<meta charset="utf-8" />
    </head>

    <body>
    	<div id="demo"></div>

    	<script>
    		var alumnos = [{
    			nombre: "María",
    			apellido: "García",
    			edad: "18"
    		}, {
    			nombre: "Edgar",
    			apellido: "Gómez",
    			edad: "19"
    		}, {
    			nombre: "Greta",
    			apellido: "López",
    			edad: "18"
    		}]

    		for (alumno of alumnos) {
    			let parrafo = document.createElement("p");

    			parrafo.innerHTML = "Nombre: " + alumno.nombre + " Apellido: " + alumno.apellido + " Edad: " + alumno.edad;

    			document.getElementById("demo").appendChild(parrafo);
    		}
    	</script>
    </body>

    </html>

<!-- end snippet -->