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: for

15/55
Recursos

Aportes 14

Preguntas 0

Ordenar por:

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

![](https://static.platzi.com/media/user_upload/El%20bucle%20for%20en%20JavaScript-e6a96371-0417-4fe4-b257-5d6c03aac79b.jpg)
## Loop For El bucle `for` en JavaScript es una estructura de control que se utiliza para ejecutar un bloque de código repetidamente, generalmente con un contador que se incrementa o decrementa en cada iteración. Es uno de los bucles más comunes y versátiles en la programación. ### Sintaxis del Bucle `for` La sintaxis básica del bucle `for` es la siguiente: `for (inicialización; condición; incremento) {` ` // Código a ejecutar en cada iteración` `}` * **inicialización**: Se ejecuta una sola vez al inicio del bucle y se utiliza para inicializar una o más variables. * **condición**: Se evalúa antes de cada iteración. Si la condición es `true`, el bloque de código dentro del bucle se ejecuta. Si es `false`, el bucle termina. * **actualización**: Se ejecuta al final de cada iteración. Se utiliza para actualizar la(s) variable(s) de control del bucle. ### Ejemplo Básico for (let i = 0; i < 5; i++) { console.log("El valor de i es " + i); } En este ejemplo: * La **inicialización** establece `i` en 0. * La **condición** comprueba que `i` sea menor que 5. * La **actualización** incrementa `i` en 1 después de cada iteración. ### Iterar sobre un Array El bucle `for` se utiliza frecuentemente para iterar sobre los elementos de un array: `let colores = ["rojo", "verde", "azul", "amarillo"];` `for (let i = 0; i < colores.length; i++) {` ` console.log(colores[i]);` `}`
Hola... les comparto una forma sencilla de usar el ciclo for! ```js //forma rapida para iterar los elementos de una lista con FOR (LET I OF LISTA){instruccion} animals= ['perro','gato','loro'] for (let i of animals){ console.log(i) } let rango = [0, 1, 2, 3, 4, 45,7]; for (let i of rango) { // para iterar los valores de la lista o variable console.log(i); } // para iterar un rango con valores dados for(let i=0; i < 8; i++){ console.log(i) } ```
**🟡Qué son los operadores de incremento y decremento** Te habrás fijado que el profesor utiliza `i++`. Pero, ¿qué es eso? El operador de incremento (`++`) y decremento (`--`) consiste en aumentar o disminuir una sola unidad a una unidad, respectivamente, de forma más corta. Estos operadores se pueden utilizar antes y después de una variable. ```js // Después de una variable variable++ variable-- // Antes de una variable ++variable --variable ``` Sin embargo, si se utiliza antes o después, el comportamiento es diferente: * Si está **después**, retorna el valor actual y luego aumento o disminuye el valor de la variable * Si está **antes**, el valor de la variable aumenta o disminuye y luego devuelve el valor actualizado. Observa los siguientes ejemplos: ```js let a = 3 let b = 3 console.log(a++) //3 console.log(++a) //4 console.log(a) //4 console.log(b) //4 ``` Es decir, `a++` retorna `3` y luego aumenta a `4`, mientras que `++b` aumenta a `4` y retorna `4`. Aunque en ciclos `for` no hay diferencia, es importante tener en cuenta este detalle.
por que se escribe i++? y no se escribe i +1? disculpen mi novatez y tambien porque se escribe \[i], creo que falta algo de explicación estos conceptos, no me queda claro en este ejemplo
![](https://static.platzi.com/media/user_upload/image-5735680d-d4ce-44b8-92f3-14bb03eeb992.jpg)
```js let list = ["eat","sleep","code","repeat","javascript"]; for(let i = 0; i < list.length; i++ ){ console.log(`${i + 1}. ${list[i]}`); } ``````js 1. eat 2. sleep 3. code 4. repeat 5. javascript ```
```js for (let t=0; t < 5 ; let++) { } ```
Aqui probando valor de inicio producido por una funcion y un incremento diferente a uno: ![](https://static.platzi.com/media/user_upload/Screenshot%20from%202024-07-24%2020-12-11-d1a9958b-92a4-4a5d-bba5-2280e5d3b78f.jpg)
**MIS APORTES:** (Con un ejemplo que les recomiendo ver) ![](https://static.platzi.com/media/user_upload/image-e871d3f9-446d-460e-aad3-6eaa6a4bb91e.jpg)
El bucle ***for*** consiste en tres expresiones opcionales, encerradas en paréntesis y separadas por puntos y comas, seguidas de una sentencia ejecutada en un bucle. ***Sintaxis*** *for (\[expresion-inicial]; \[condicion]; \[expresion-final])sentencia* ***Codigo de ejemplo:*** ```js // ---------- Ciclos --------- //for let lista = ['comer', 'dormir', 'estudiar en platzi', 'tomar un break']; for (let i=0; i<lista.length; i++){ console.log(`Tu debes de: ${lista[i]}`) } ```Documentación de: <https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/for>
Me ha encantado este tema de JavaScript ![]()![](https://static.platzi.com/media/user_upload/image-d6d7129d-f52a-4b06-af48-5d98ea6f67cf.jpg)
La Iteracion es: Variable inicio > Condicion > Codigo a ejecutar > incremento o Decremento > condicion > Codigo a ejecutar > incremento > ...
![]()Probando el ciclo for ![]()![](file:///C:/Users/usuario/Pictures/Captura%20de%20pantalla%202024-07-25%20110331.png)```js let numero = parseInt(prompt("Ingresa un numero")) for (let i = 0; i<=12; i++) { console.log( i, " x ", numero, " = ", numero*i); } ```