Cycle generator

Angelos Chalaris · JavaScript, Function, Generator · Oct 11, 2020

Creates a generator, looping over the given array indefinitely.

• Use a non-terminating while loop, that will yield a value every time Generator.prototype.next() is called.
• Use the module operator (%) with Array.prototype.length to get the next value's index and increment the counter after each yield statement.

const cycleGenerator = function* (arr) {
  let i = 0;
  while (true) {
    yield arr[i % arr.length];
    i++;
  }
};

const binaryCycle = cycleGenerator([0, 1]);
binaryCycle.next(); // { value: 0, done: false }
binaryCycle.next(); // { value: 1, done: false }
binaryCycle.next(); // { value: 0, done: false }
binaryCycle.next(); // { value: 1, done: false }

Recommended snippets & collections

• JavaScript Generator Functions

  Snippet collection

  JavaScript generator functions are a more advanced yet very powerful JavaScript ES6 feature, which you can start using in your code right now.

• Repeat generator

  JavaScript, Function

  Creates a generator, repeating the given value indefinitely.

• Range generator

  JavaScript, Function

  Creates a generator, that generates all values in the given range using the given step.

• Generate until condition is met

  JavaScript, Function

  Creates a generator, that keeps producing new values until the given condition is met.