Introducción a JavaScript

1

¿Por qué aprender JavaScript?

2

¡Hola Mundo! en Mac

3

¡Hola Mundo! en Windows

4

Anatomía de una variable

5

Tipos de datos en JavaScript

6

Creación de strings

7

Operadores aritméticos

8

Conversión de tipos: Type Casting y Coerción

9

Conversión de tipos explícita e implícita

Estructuras de Control y Lógica

10

Operadores de comparación

11

Operadores lógicos

12

Ejecución condicional: if

13

Ejercicio: Adivina el número

14

Ejecución condicional: switch

15

Loop: for

16

Loop: for of

17

Loop: for in

18

Loop: while

19

Loop: do while

Funciones y This

20

Anatomía de una función

21

Funciones vs Métodos

22

Funciones puras e impuras

23

Arrow function y enlace léxico

24

Contextos de ejecución y scope chain

25

¿Qué es Closure?

26

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?

Manipulación de Arrays

27

Introducción a Arrays

28

Mutabilidad e inmutabilidad de Arrays

29

Modificación básica del final con push( ), pop( )

30

Iteración con map( ) y forEach( )

31

Filtrado y reducción con filter( ) y reduce( )

32

Búsqueda de elementos con find( ) y findIndex( )

33

Crear copias con slice( )

34

Spread operator: casos de uso

Programación Orientada a Objetos

35

Anatomía de un Objeto

36

Trabajando con objetos en JavaScript

37

Función constructora

38

¿Qué es una clase?

39

Prototipos y herencias

40

Herencia en la práctica

41

Prototipos en la práctica

42

this en JavaScript

43

Proyecto: Crea una red social

44

Proyecto: Crea una red social parte 2

Asincronía en JavaScript

45

¿Cómo funciona el JavaScript Engine?

46

Promesas en JavaScript

47

Usando Async y await en JavaScript

48

For await of

49

¿Cómo funciona la web?

50

¿Cómo funciona HTTP?

51

Método GET en JavaScript

52

Método POST en JavaScript

53

Método DELETE en JavaScript

54

Importancia del id en el método DELETE

55

ECMAScript 6 y tus siguientes pasos

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Loop: do while

19/55
Recursos

¿Cómo se implementa un ciclo doWhile en programación?

¿Alguna vez te has preguntado cómo lograr que un segmento de código se ejecute repetidamente hasta cumplir una determinada condición? El ciclo doWhile es una técnica eficaz para lograrlo. Este método asegura que ciertas tareas se repitan, garantizando así la ejecución de eventos hasta alcanzar el resultado esperado, siempre y cuando se cumpla una condición. A continuación, exploramos cómo funciona y cómo se diferencia de otros ciclos.

¿Cuál es la estructura de un ciclo doWhile?

La implementación de un ciclo doWhile en programación sigue una estructura específica. Aquí te presentamos los pasos básicos:

  1. Se comienza con la palabra clave do.
  2. Dentro de los corchetes {}, se escribe el código que deseamos ejecutar.
  3. Posteriormente, se utiliza la palabra clave while, seguida de la condición que debe cumplirse para que el ciclo continúe ejecutándose.

La principal distinción de doWhile es que siempre ejecuta el bloque de código primero, sin evaluar la condición, y luego verifica si debe repetirse.

Ejemplo práctico de doWhile

Para ilustrar el uso de doWhile, consideremos el siguiente ejemplo:

let contador = 0;

do {
    console.log(contador);
    contador++;
} while (contador < 10);

En este segmento de código:

  • Se declara una variable contador inicializada en cero.
  • Dentro del do, se imprime el valor de contador y se incrementa en uno para evitar un ciclo infinito.
  • La condición while garantiza que el bloque se repita hasta que contador sea menor a 10.

Este código imprimirá los números del 0 al 9 en consola.

¿Cuál es la diferencia entre un ciclo while y un ciclo doWhile?

La interrogante que suele surgir es: ¿para qué usar un doWhile en lugar de un simple while? La diferencia fundamental es cómo estos ciclos abordan la ejecución del código y la verificación de condiciones:

  • En un doWhile, el código siempre se ejecuta al menos una vez antes de evaluar la condición.
  • En un while, primero se verifica si la condición es verdadera antes de ejecutar el código.

Cuándo usar doWhile en lugar de while

Opta por doWhile cuando requieras que el código se ejecute al menos una vez, independientemente de si la condición es verdadera al inicio. Por otro lado, utiliza while si deseas asegurar que el código solo se ejecuta cuando la condición inicial se cumple.

Consejos prácticos para implementaciones efectivas

  • Evita bucles infinitos: Asegúrate de modificar las variables involucradas en la condición para evitar que el ciclo corra indefinidamente.
  • Prueba tus condiciones: Verifica que la condición sea alcanzable para garantizar la finalización adecuada del ciclo.
  • Debugging y logs: Utiliza console.log para comprender el flujo de tu ciclo y depurar problemas potenciales.

Dominar los ciclos en programación te brindará herramientas poderosas para desarrollar algoritmos eficientes. Experimentar con doWhile y while te permitirá elegir el ciclo adecuado para cada situación y enriquecer tus proyectos de programación. ¡Sigue practicando y explorando el apasionante mundo del desarrollo!

Aportes 18

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

* `for` **loop**: Usado cuando conoces el número de iteraciones. * `while` **loop**: Usado cuando quieres repetir mientras una condición sea verdadera. * `do...while` **loop**: Similar al `while` loop, pero se ejecuta al menos una vez. * `for...in` **loop**: Usado para iterar sobre propiedades enumerables de un objeto. * `for...of` **loop**: Usado para iterar sobre elementos de objetos iterables.
* `for`**:** Úsalo cuando sabes cuántas veces quieres que el bucle se ejecute. * `for...of`**:** Úsalo cuando quieras iterar sobre los valores de un iterable (como un array). * `for...in`**:** Úsalo cuando necesites iterar sobre las claves de un objeto o índices de un array. * `while`**:** Úsalo cuando no sabes cuántas veces se ejecutará el bucle, pero tienes una condición clara. * `do...while`**:** Úsalo cuando quieras que el bucle se ejecute al menos una vez, independientemente de la condición.
me encanta que platzi siempre escucha antes dejaba muchos enlaces pero genial que ya no dejen los enlaces en cada clase y dejan los enlaces importantes solo al principio del curso
Iterando y haciendo uso del do...while pero con decrementos: . ```js let i = -1 // iterator declaration and initialization do { console.log(i + 2*i) // code → formulae for negative odd numbers i -= 1 // iterator increment (or decrement in this case) } while (i > -10) // condition /* -3 -6 -9 -12 -15 -18 -21 -24 -27 */ ```
```js do { code } while (condition) ```
## Resumen de la clase! A diferencia del ciclo `while`, el ciclo que aprendimos hoy, `do... while`, ejecutará primero nuestro bloque de código y luego de ello evalua la condición, y ya al igual que `while`, ejecuta nuestro código. Esto puede resultar bastante útil cuando queremos asegurarnos de que un ciclo se ejecute como mínimo una vez. **OJO 👀** Al igual que el `while`, debemos especificar una condición que en algún momento detenga nuestro ciclo, de lo contrario nos enfrentaremos a un **loop infinito ♾**! > 💡 [Aquí puedes leer la documentación de este ciclo](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/do...while)
![](https://static.platzi.com/media/user_upload/image-75d03c3a-656b-4e7d-8a76-a206e9ffa8f2.jpg)
***While:*** El bucle `while` ejecuta un bloque de código mientras una condición especificada es verdadera. La condición se evalúa antes de que se ejecute el bloque de código. ```js let numero = 1; while (numero <= 5) { console.log(numero); numero++; } ``` ***Do while:*** El bucle `do...while` ejecuta un bloque de código una vez antes de verificar la condición. Luego, se repite mientras la condición especificada sea verdadera. ```js let numero = 1; do { console.log(numero); numero++; } while (numero <= 5); ``` ***Diferencias:*** La principal diferencia entre `while` y `do...while` es cuándo se evalúa la condición: * En un bucle `while`, la condición se evalúa antes de ejecutar el bloque de código. Si la condición es falsa desde el principio, el bloque de código no se ejecutará ni una sola vez. * En un bucle `do...while`, el bloque de código se ejecuta al menos una vez antes de que se evalúe la condición. Esto garantiza que el bloque se ejecute al menos una vez, independientemente de si la condición es verdadera o falsa desde el principio.
El bucle `do { código } while (condición)` es una estructura de control que: 1. Ejecuta el bloque de código dentro de las llaves `{}` al menos una vez. 2. Después de cada ejecución, evalúa la condición entre paréntesis. 3. Si la condición es verdadera, repite el ciclo. Si es falsa, termina. La diferencia clave con un bucle while normal es que el código siempre se ejecuta una vez antes de evaluar la condición.
```js //El bucle while evalúa la condición antes de ejecutar el bloque de código. Si la condición es verdadera, ejecuta el bloque de código y luego vuelve a verificar la condición. Continúa repitiendo el ciclo hasta que la condición sea falsa. let contador = 1; while (contador <= 5) { console.log("Contador:", contador); contador++; } // Output: // Contador: 1 // Contador: 2 // Contador: 3 // Contador: 4 // Contador: 5 //El bucle do...while es similar al while, pero tiene una diferencia importante: ejecuta el bloque de código al menos una vez antes de verificar la condición. Después de la primera ejecución, el ciclo verifica la condición y decide si debe continuar. let contador = 1; do { console.log("Contador:", contador); contador++; } while (contador <= 5); // Output: // Contador: 1 // Contador: 2 // Contador: 3 // Contador: 4 // Contador: 5 //En un bucle while, el código puede no ejecutarse en absoluto si la condición inicial es falsa. En un bucle do...while, el bloque de código se ejecutará al menos una vez, incluso si la condición es falsa desde el principio. ```
El bucle `do while` es una estructura de control en JavaScript que ejecuta un bloque de código al menos una vez, antes de verificar la condición. Su sintaxis es: ```javascript do { // Código a ejecutar } while (condición); ``` A diferencia del `while`, que evalúa la condición antes de ejecutar el código, el `do while` garantiza que el código se ejecute al menos una vez. Por ejemplo: ```javascript let contador = 0; do { console.log(contador); contador++; } while (contador < 10); ``` Este código imprimirá los números del 0 al 9. Es útil cuando necesitas que el código se ejecute primero, independientemente de la condición.
```js let diaDeLaSemana = ["lunes", "martes", "miercoles", "jueves", "viernes", "sabado", "domingo"] let i = 0 function escribirDiaDeLaSemana() { do { console.log(diaDeLaSemana[i]) i++ } while (i < diaDeLaSemana.length) } escribirDiaDeLaSemana() ```
## Método `do...while` en JavaScript * El método `do...while` se utiliza para ejecutar un bloque de código al menos una vez, y luego repetirlo mientras se cumpla una condición. * Es similar al `while`, pero garantiza que el código se ejecute al menos una vez antes de evaluar la condición. ## Estructura del Método `do...while` * La sintaxis básica es: `do { código a ejecutar } while (condición);`. * El bloque de código dentro de `do` se ejecuta primero, y luego se evalúa la condición. * Si la condición es verdadera, el bloque de código se ejecuta nuevamente; si es falsa, el ciclo se detiene. ### Ejemplo de Código let contador = 0; do { console.log(contador); contador++; } while (contador < 10); ### Explicación del Código * Declaramos una variable `contador` y la inicializamos en 0. * Usamos `do` para ejecutar el bloque de código, que imprime el valor de `contador` y luego lo incrementa en 1. * Después del bloque `do`, se evalúa la condición `contador < 10`. * El ciclo se repite mientras la condición sea verdadera. ## Diferencias entre `while` y `do...while` * En un ciclo `while`, la condición se evalúa antes de ejecutar el bloque de código. * En un ciclo `do...while`, el bloque de código se ejecuta primero, y luego se evalúa la condición. * `do...while` asegura que el bloque de código se ejecute al menos una vez, incluso si la condición es falsa desde el principio. ### Ejemplo Comparativo ### Ciclo `while` let contador = 0; while (contador < 10) { console.log(contador); contador++; } ### Ciclo `do...while` let contador = 0; do { console.log(contador); contador++; } while (contador < 10); ## Precauciones con el Ciclo `do...while` * Asegúrate de que la condición eventualmente se vuelva falsa para evitar loops infinitos. * Un loop infinito puede consumir toda la memoria y recursos del navegador, causando que se bloquee. ## Próximos pasos * Practicar con el método `do...while` en diferentes escenarios para entender mejor su funcionamiento. * Comparar `do...while` con otros métodos de iteración como `while`, `for`, y `for...of` para utilizarlos adecuadamente según el contexto. * Aplicar `do...while` en proyectos más complejos para ver su utilidad en contextos reales.
Una forma de entender el caso de uso: Supongamos que tenemos la condición contador es mayor que 10 y contador inicialmente es 0 Caso While Do (While simplemente): por supuesto esto ni siquiera entrará a la ejecución entonces no regresara nada en la consola. ```js let contador = 0; while (contador > 10) { console.log('Contador:', contador) contador = contador + 1 //contador++ } ```Caso Do While: aquí incluso si es falso la primera vez, obtendremos un cero (la primera iteración) porque primero se ejecuta el bloque de código y después la condición ```js let contador = 0; do { console.log(contador) contador++ } while (contador > 10) ```
Una forma de entender el caso de uso: Supongamos que tenemos la condición contador es mayor que 10; y contador inicialmente es 0 Caso While Do (While simplemente): por supuesto esto ni siquiera entrara a la ejecución entonces no regresara nada en la consola. ```js // Con un While (While Do) let contador = 0; while (contador > 10) { console.log('Contador:', contador) contador = contador + 1 //contador++ } ```Caso Do While: aquí incluso si es falso la primera vez, obtendremos un cero (la primera iteración) porque primero se ejecuta el bloque de código y después la condición ```js let contador = 0; do { console.log(contador) contador++ } while (contador > 10) ```
Una manera de entender el Do While Solo piensa que While es en realidad un While Do * Es decir, primero se evalúa la condición y después se ejecuta lo que este dentro del bloque de código (llaves) * Do While es lo opuesto primero se ejecuta lo que esta dentro del bloque y después se evalúa la condición
```js const palabraMagica = "exit"; let adivinar; do { adivinar = prompt("Incorrecto. Intenta nuevamente:").trim().toLowerCase(); if (adivinar !== palabraMagica) { console.log("Incorrecto. intenta nuevamente."); } } while (adivinar !== palabraMagica); console.log("¡Felicidades! Adivinaste la palabra mágica."); ```const palabraMagica = "exit";let adivinar; do {  adivinar = prompt("Incorrecto. Intenta nuevamente:").trim().toLowerCase();   if (adivinar !== palabraMagica) {    console.log("Incorrecto. intenta nuevamente.");  }} while (adivinar !== palabraMagica);console.log("¡Felicidades! Adivinaste la palabra mágica.");
do while se ejecuta el código antes de que se evalué la condición while se evalúa la condición antes de la ejecución del código.