类似于 Liquid 的 Javascript/jQuery 函数：循环

Question

JavaScript/jQuery 中是否有类似于 Liquid cycle 的函数，如下所述？

遍历一组字符串并按照它们作为参数传递的顺序输出它们。每次调用循环时，都会输出下一个作为参数传递的字符串。

输入：

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

输出：

one
two
three
one

我一直在尝试查看loop、forEach、do/while，但无法理解。
感谢您的任何建议。

Answer 1

你可以使用闭包，
在外部范围内，您定义一个跟踪索引的变量；
当返回的函数递增或重置索引时， 并返回对应的项。

这是一个例子：

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)