使用JavaScript生成器生成范围值

JavaScriptJavaScriptBeginner
立即练习

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

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索如何在JavaScript中创建一个rangeGenerator函数,该函数使用指定的步长生成给定范围内的所有值。我们将使用while循环和yield关键字来返回每个值,并按指定的步长递增。在本实验结束时,你将更好地理解如何在JavaScript中创建自定义生成器及其实际应用。


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{{"`使用JavaScript生成器生成范围值`"}} javascript/data_types -.-> lab-28575{{"`使用JavaScript生成器生成范围值`"}} javascript/arith_ops -.-> lab-28575{{"`使用JavaScript生成器生成范围值`"}} javascript/comp_ops -.-> lab-28575{{"`使用JavaScript生成器生成范围值`"}} javascript/loops -.-> lab-28575{{"`使用JavaScript生成器生成范围值`"}} javascript/debugging -.-> lab-28575{{"`使用JavaScript生成器生成范围值`"}} end

范围生成器

要使用给定的步长生成一系列值,请使用以下rangeGenerator函数。打开终端/SSH并输入node开始编码。

  • 使用while循环和yield返回每个值,从start开始,到end结束。
  • 如果你想使用默认步长1,则省略第三个参数。
const rangeGenerator = function* (start, end, step = 1) {
  let i = start;
  while (i < end) {
    yield i;
    i += step;
  }
};

以下是如何使用rangeGenerator函数的示例:

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

总结

恭喜你!你已经完成了范围生成器实验。你可以在LabEx中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程