Generando valores de rango con generadores de JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos cómo crear una función rangeGenerator en JavaScript que genere todos los valores en un rango dado utilizando un paso especificado. Utilizaremos un bucle while y la palabra clave yield para devolver cada valor e incrementarlo en el paso especificado. Al final de este laboratorio, tendrás una mejor comprensión de cómo crear generadores personalizados en JavaScript y sus aplicaciones prácticas.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28575{{"Generando valores de rango con generadores de JavaScript"}} javascript/data_types -.-> lab-28575{{"Generando valores de rango con generadores de JavaScript"}} javascript/arith_ops -.-> lab-28575{{"Generando valores de rango con generadores de JavaScript"}} javascript/comp_ops -.-> lab-28575{{"Generando valores de rango con generadores de JavaScript"}} javascript/loops -.-> lab-28575{{"Generando valores de rango con generadores de JavaScript"}} javascript/debugging -.-> lab-28575{{"Generando valores de rango con generadores de JavaScript"}} end

Generador de rango

Para generar un rango de valores utilizando un paso dado, utiliza la siguiente función rangeGenerator. Abre la Terminal/SSH y escribe node para comenzar a codificar.

  • Utiliza un bucle while y yield para devolver cada valor, comenzando desde start y terminando en end.
  • Si quieres utilizar un paso predeterminado de 1, omite el tercer argumento.
const rangeGenerator = function* (start, end, step = 1) {
  let i = start;
  while (i < end) {
    yield i;
    i += step;
  }
};

Aquí hay un ejemplo de cómo utilizar la función rangeGenerator:

for (let i of rangeGenerator(6, 10)) console.log(i);
// Muestra 6, 7, 8, 9

Resumen

¡Felicidades! Has completado el laboratorio de Generador de Rango. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.