08 - Bucle for
Estructura inicial
En nuestra carpeta de proyecto crearemos la siguiente estructura:
/
├── js/
│ └── 08-bucle-for.js
└── index.htmlY un código sencillo para nuestro HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/08-bucle-for.js"></script>
<title>08 - Bucle for</title>
</head>
<body>
<h1>Temario de JavaScript</h1>
</body>
</html>Estructura de un for
for(variable; condición; iterador) {
// Acción a realizar.
}El iterador sería el incremento de nuestra variable inicial
Ejemplo de for
/*
El bucle empieza en 0 y termina en 10 en incrementos de 1,
por lo tanto se ejecutará 11 veces.
*/
for(let i = 0; i<=10; i++) {
console.log("i: " + i) //i: 0 //i: 1 //i: 2 //i: 3 ... //i: 10
}
/*
El bucle empieza en 0 y termina en 500 en incrementos de 5,
por lo tanto se ejecutará 101 veces.
*/
for(let i = 0; i<=500; i += 5) {
console.log("i: " + i) //i: 0 //i: 5 //i: 10 //i: 15 ... //i: 500
}