Skip to main content Link Menu Expand (external link) Document Search Copy Copied

Bloques y Loops

Contenidos
  1. Bloques de código
  2. Loops
    1. for
    2. for…in
    3. for…of
    4. while
    5. do…while

Bloques de código

En JavaScript, un bloque de código es una sección de código que se encierra entre llaves “{ }”. Los bloques de código se utilizan para agrupar un conjunto de declaraciones juntas y pueden ser utilizados en diferentes contextos como:

  • En estructuras de control de flujo como if-else, while, for, etc.
  • En funciones como el cuerpo de una función
  • En objetos literales como el cuerpo de un método

Los bloques de código también pueden ser utilizados para crear ámbitos (scope) y variables locales y globales. Por ejemplo, una variable declarada dentro de un bloque sólo estará disponible dentro de ese bloque y no fuera de él.

Ejemplo:

if (true) {
  // inside a code block
  let localVariable = "Sólo disponible dentro de este bloque";
  var globalVariable = "Variable global" 
}
console.log(globalVariable)
console.log(localVariable); // ReferenceError: localVariable is not defined

Loops

for

Se utiliza para iterar sobre un número específico de veces. Por ejemplo, para recorrer un arreglo.

for (var i = 0; i < 5; i++) {
  console.log(i);
}

for…in

Se utiliza para iterar sobre las propiedades de un objeto.

var person = {name: "John", age: 35};
for (var prop in person) {
  console.log(prop + ": " + person[prop]);
}

for…of

Se utiliza para iterar sobre los valores de un iterable, como un arreglo o un objeto con un método Symbol.iterator

var array = [1, 2, 3, 4, 5];
for (var value of array) {
  console.log(value);
}

La principal diferencia entre for...in y for...of es el tipo de objeto que se utiliza para iterar.

for...in se utiliza para iterar sobre las propiedades de un objeto. Cada vez que se ejecuta el bucle, la variable que se utiliza para almacenar la propiedad actual se establece en la propiedad del objeto. for...of se utiliza para iterar sobre los valores de un iterable, como un arreglo o un objeto con un método Symbol.iterator. En resumen, el for...in es para recorrer las propiedades de un objeto, mientras que el for...of es para recorrer los valores de un iterable.

while

Se utiliza para iterar mientras se cumpla una condición específica.

var i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

do…while

similar al while loop, pero se ejecuta al menos una vez antes de verificar la condición.

var i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);