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 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.

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