Javascript / jQuery function similar to Liquid: cycle

Question

Is there a function in JavaScript/jQuery similar to Liquid cycle as described below?

Loops through a group of strings and outputs them in the order that they were passed as parameters. Each time cycle is called, the next string that was passed as a parameter is output.

Input:

{% cycle 'one', 'two', 'three' %}
{% cycle 'one', 'two', 'three' %}
{% cycle 'one', 'two', 'three' %}
{% cycle 'one', 'two', 'three' %}

Output:

one
two
three
one

I have been trying to look at loop, forEach, do/while but can't get the idea.
Thanks for any suggestion.

Answer 1

You could use a closure,
inside the outer scope you define a variable which keeps track of the index;
while the returned function increments or resets the index, and returns the corresponding item.

Here's an example:

function cycle(arr) {
  cycle.i = -1

  //return a closure for cycling
  return function() {
    cycle.i = cycle.i < arr.length - 1 ? cycle.i + 1 : 0

    return arr[cycle.i]
  }
}

var it = cycle(['one', 'two', 'three'])
setInterval(function() {
  console.log(it())
}, 500)