javascript - 在生成器函数中间有条件地屈服

Question

这是我当前的示例代码:

function PrintStuff()
{
    var gen = CommentGenerator();
    var out = '';

    // Setup array with some I-type and L-type values
    var lines = ['I1', 'I1.1', 'I1.2', 'L1', 'L1.2', 'L2'];

    // Push some random RL-type values into the array
    for(let i = 1; i < 1 + Math.floor(Math.random() * 10); i++)
    {
        lines.push(`RL${i.toString()}`);
        lines.push(`RL${i.toString()}.1`);
        lines.push(`RL${i.toString()}.2`);
        lines.push(`RL${i.toString()}.3`);
    }

    // Push a couple of O-type values
    lines.push('O10');
    lines.push('O10.1');
    lines.push('O10.2');

    var r = 3;

    for(let i = 0; i < lines.length; i++)
    {
        var line = lines[i];

        if(line.indexOf('RL') > -1)
        {
            out += gen.next(r).value;
            out += `${lines[i]}\n`;
            r++;
        }
        else
        {
            out += gen.next().value;
            out += `${lines[i]}\n`;
        }
    }

    console.log(out)
}

function* CommentGenerator(v)
{
    yield '# Input 1\n';
    yield '';
    yield '';
    yield '# Layer 1\n';
    yield '';
    yield '# Layer 2\n';

    while(typeof v !== 'undefined')
    {
        yield `# RLayer ${v}\n`;
    }

    yield '# Output 1\n';

    while(true)
    {
        yield '';
    }
}

PrintStuff();

这是当前(错误的)示例输出:

# Input 1
I1
I1.1
I1.2
# Layer 1
L1
L1.2
# Layer 2
L2
# Output 1
RL1
RL1.1
RL1.2
RL1.3
RL2
RL2.1
RL2.2
RL2.3
O10
O10.1
O10.2

这里的想法是，我们有一个由一些静态“I”型和“L”型值组成的数组，然后我们有 n 个“RL”型值，最后还有一些“O” "-类型的值。生成器函数的设置是这样的，当我们调用它时，它会正确地打印出 # Input 1。 , # Layer 1和 # Layer 2 -headers 在值之前，但是当它应该开始打印时它会中断 # Layer n -headers 在它产生 # Input 1 之后，只要我们继续用一些值调用生成器函数, # Layer 1和 # Layer 2 -标题。

输出应该是这样的:

# Input 1
I1
I1.1
I1.2
# Layer 1
L1
L1.2
# Layer 2
L2
# RLayer 1
RL1
RL1.1
RL1.2
RL1.3
# RLayer 2
RL2
RL2.1
RL2.2
RL2.3
# RLayer 3
RL3
RL3.1
RL3.2
RL3.3
# RLayer 4
RL4
RL4.1
RL4.2
RL4.3
# RLayer 5
RL5
RL5.1
RL5.2
RL5.3
# Output 1
O10
O10.1
O10.2

关于生成器/产量，我很可能有一些不了解的地方。在示例代码中，您可以看到我当前的逻辑/思维过程，但它并没有像我预期的那样工作。

我在这里错过了什么？

Answer 1

此方法将 r 值存储在 l 中，如果相等则省略新标题。

除此之外，我建议不要使用生成器，而是使用带有标题的简单数组。

function PrintStuff() {
  var gen = CommentGenerator();
  var out = '';

  // Setup array with some I-type and L-type values
  var lines = ['I1', 'I1.1', 'I1.2', 'L1', 'L1.2', 'L2'];

  // Push some random RL-type values into the array
  for (let i = 1; i < 1 + Math.floor(Math.random() * 10); i++) {
    lines.push(`RL${i.toString()}`);
    lines.push(`RL${i.toString()}.1`);
    lines.push(`RL${i.toString()}.2`);
    lines.push(`RL${i.toString()}.3`);
  }

  // Push a couple of O-type values
  lines.push('O10');
  lines.push('O10.1');
  lines.push('O10.2');

  var l;

  for (let i = 0; i < lines.length; i++) {
    let line = lines[i];

    if (line.startsWith('RL')) {
        let r = +line.match(/\d+/);
        if (r !== l) out += gen.next(r).value;
        out += `${lines[i]}\n`;
        l = r;
    } else {
      out += gen.next().value;
      out += `${lines[i]}\n`;
    }
  }

  console.log(out)
}

function* CommentGenerator() {
    yield '# Input 1\n';
    yield '';
    yield '';
    yield '# Layer 1\n';
    yield '';

    let v = yield '# Layer 2\n';

    while (typeof v !== 'undefined') {
        v = yield `# RLayer ${v}\n`;
    }

    yield '# Output 1\n';

    while (true) yield '';
}

PrintStuff();

.as-console-wrapper { max-height: 100% !important; top: 0; }