El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Controlar los ciclos en JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
A pesar de que los ciclos pueden iterar hasta terminar de pasar por toda la colección de datos que estemos evaluando, es posible controlar el flujo de estos según los datos que estemos buscando o dependiendo del resultado de determinada evaluación. Aprende en este video cómo poder controlar este flujo.
04:07

Transcripción

Los ciclos son tan sofisticados que también nos permiten controlar el flujo que van a tener. Es decir, si yo decido continuar e ignorar cierta cantidad de instrucciones lo puedo hacer. O si simplemente yo decido romper el ciclo y continuar, también lo puedo hacer. En este caso, para realizar este par de operaciones, utilizaremos las instrucciones'continue' y las instrucciones'break'. Aquí tenemos un ciclo'for', el objetivo de este ciclo'for' es contar cuántos números impares existen en la numeración del 0 al 20, por eso es que nuestro ciclo está apuntando al 20. Lo que vamos a hacer es lo siguiente: vamos a escribir la instrucción'continue'en este'if'. Aquí lo que estamos evaluando es si el residuo es igual a 0. Si el residuo de esta división es igual a 0 significa entonces que el número es par, por tanto no necesitamos modificar la parte de'cuenta'. Pero en este caso, si nuestro valor sí es un número impar, entonces sí se va a ejecutar. Vamos a guardar y vamos a probar directamente en nuestro navegador y vamos a agregar en la sección de Watch los dos elementos con los cuales estaremos trabajando, que son el'contador' y la'cuenta'. Fíjate bien qué sucede con esa sección azul, porque es la que me está indicando el paso en el que nos encontramos. Así que vamos a pulsar esta opción que se llama Step over para poder continuar. Vemos ahora que la sección azul está marcada en la línea número 10, está incrementando el'contador'. Una vez que lo incrementa, su valor ahora es 2 y hace la evaluación: ¿'contador'es menor o igual que 20? Como esta evaluación sí se cumple, porque'contador'vale 2, entonces ejecuta las instrucciones. Y lo primero que pregunta es: ¿el residuo de esta división es igual a 0? Como esta condición también se cumple, entonces entramos a la sección de'continue'. Y'continue'¿qué nos dice? Ignora todo lo que sigue y continúa en el siguiente paso. Entonces, si te das cuenta, el uso de'continue' es como tomar un atajo hacia el siguiente paso, por eso mismo ahora ves que en esta sección jamás pasó por la línea 12 y ahora ya podemos modificar el valor de'cuenta'. Y, por tanto, el valor de'cuenta', que estaba en 1, ahora vale 2. Continuamos y vemos como sí una vez va a entrar a'continue' y la otra vez lo va a ignorar. La siguiente entra y la siguiente lo ignora, y así podemos ir contando hasta que termine de repasar todo el ciclo'for' que tiene una secuencia de 20 veces. Esto, como puedes ver, nos facilita a veces mucho controlar el flujo pero sin romper la estructura de control. Ahora, ¿qué sucede si yo necesito romper esta estructura de control? Para esto yo tengo la palabra reservada'break', así que vamos a hacer por aquí un pequeño ajuste, vamos a preguntar si'contador' es igual a 5. Si'contador'es igual a 5, entonces necesito que el ciclo se rompa, es decir, que todo esto que está aquí ya no se pueda ejecutar y termine el flujo del ciclo'for'. Vamos a guardar y vamos a actualizar nuestro navegador. Una vez que tenemos actualizado el navegador, vamos a poner especial atención en el valor de'contador', porque este solamente se va a ejecutar hasta que valga 5. Entonces, primero pregunta, no entra la condición, puedes ver como brinca el paso, y así sucesivamente cuando vale 3, cuando vale 4 y ahora vale 5. Como vale 5, entra y pregunta: ¿es'contador' igual a 5? Como sí es igual a 5, entonces se rompe la instrucción y, al momento de romper, ya nos envía fuera del ciclo. Entonces, quiere decir que ya ignora todos los pasos que seguían y además ignora todas las demás evaluaciones que estaban pendientes. De esta forma podemos controlar, ya sea con un'continue'o con un'break', el flujo de todo ciclo.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.