Llevo un tiempo aprendiendo JavaScript en Udemy y hice un pequeño ejercicio de bucles. El planteamiento es al estilo de Facebook: tres usuarios, cada uno con datos de check-in.

Si introduces el usuario y la contraseña correctos, ves el feed de check-ins de todos; si no, sale un error. Así que necesitaba un bucle para comparar el login con la lista de usuarios y comprobar la contraseña.

Con la cuenta y la contraseña correctas, vemos algo así:

David Lau: A menudo dice que está «de negocios» cuando en realidad está comiendo. Sus fotos de check-in viven en un álbum llamado «Todo es por la vida».

Neil Tzeng: Casi no hace check-in. En una reciente rebaja de aniversario compró un lavavajillas y luego pasó más de un mes sin encontrar a nadie que lo instalara—cuando lo tenga, debería hacer un check-in.

Micheal Lin: Lo fichó una startup y le va bien. El tiempo en Taiwán es valioso y no quiere que le molesten, así que debería hacer check-in para decir que ahora no está en Taiwán.

Al principio pensé en usar un for de los de siempre para comprobar nombre y contraseña, pero diseñar cómo salir del bucle al encontrar el nombre parecía engorroso, así que pasé a un while.

Luego vi el enfoque del profesor: metió el bucle for dentro de una función y usó return tanto para devolver un valor como para salir del bucle. Un truco básico pero importante con return.

Resumen de lo que aprendí sobre bucles en JavaScript:

1. Cuidado con a quién haces amigo—o te pueden usar como ejemplo de código.
2. Los cuatro bucles habituales en JavaScript: for, while, do while y forEach.
3. for: el más usado; el contador va directo en los parámetros.
4. while: sigue hasta que falla la condición; no hace falta escribir un contador.
5. do while: cuando quieres que se ejecute al menos una vez.
6. forEach: lo más rápido con una lista. Su parámetro tiene que ser una función; el primero es el valor de la lista, el segundo el índice.
7. Usa funciones y return para salir del bucle con limpieza.

Código del ejercicio de bucles estilo Facebook:
https://github.com/yellowful/yellowful.github.io/tree/master/fromZeroToMastery/JavaScript/facebook

Otro código de práctica de bucles:
https://github.com/yellowful/yellowful.github.io/tree/master/fromZeroToMastery/JavaScript/loops