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

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

以下是一个例子：

＆＃13;

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)

＆＃13;

Javascript / jQuery函数类似于Liquid：cycle

1 个答案: