Tenemos un objeto que es un curso perteneciente a un usuario:
var usercourse = new Object();
Ese objeto tiene propiedades o también llamados atributos, ¿no?:
usercourse.name = "Electrónica Digital";
usercourse.progress = 75 //Significa que el usuario ha completado el 75% del curso;
Hasta aquí, bien... Un problema se da cuando quieres reflejar en el código el hecho de que un usuario tenga varios cursos, para lo cual estaba pesando en un array que me fuera recogiendo todos esos objetos. Podríamos hacer lo siguiente:
var course1 = new Object();
course1.name = "Electrónica Digital";
course1.progress = 75;
var course2 = new Object();
course2.name = "Teoría de circuitos";
course2.progress = 18;
var course3 = new Object();
course3.name = "Diseño de cohetes";
course3.progress = 89;
var course4 = new Object();
course4.name = "Mecánica de fluidos";
course4.progress = 32;
var array = [course1, course2, course3, course4];
Ahora, ¿Cómo hacerlo dinámicamente? Se me ocurre lo siguiente:
Queremos generar dinámicamente un array de objetos como el anteriormente descrito. El nombre del array de objetos es usercourses
.
Había pensado lo siguiente:
for (i=0;i<numberofcourses;i++){
usercourses[i] = new Object();
usercourses[i].coursename = listofcourses[Math.floor(Math.random()*listofcourses.length)];
usercourses[i].progress = Math.floor(Math.random()*100);
}
- donde
listofcourses
es una lista de cursos y la expresión:listofcourses[Math.floor(Math.random()*listofcourses.length)];
lo que hace es retornar un curso de forma aleatoria de la lista de cursos. - donde
numberofcourses
es un número aleatorio que depende de la longitud delistofcourses
, que es un listado con los nombres de los cursos disponibles.
El problema
La consola me arroja un error:
Uncaught TypeError: Cannot set property 'progress' of undefined
dándome el fallo en la siguiente línea de código:
usercourses[i].progress = Math.floor(Math.random()*100);