在 JavaScript 回调中使用上次提取内存提取数组值

Question

假设我有一个动态数组，在页面加载时填充了不同数量的字符串：

var arr = ["string1","string2","string3","string4","string5","string6","string7","string8","string9","string10","string11","string12","string13","string14","string15","string16","string17","string18"];

然后我有一个在每个事件（假设单击）上调用的函数，该函数需要连续带回数组的 3 个字符串，同时记住上次调用时它停留在哪个值。所以：

第一次调用函数，它返回：

string1, string2, string3

第二次调用它，它返回：

string4, string5, string6

等等...

我不需要单击事件或回调函数的代码，而是需要该函数的代码每次都会生成提取并将其返回。一些简单的事情，例如能够

arr.runExtraction();

在每个回调上调用：并让它带回所需的数据。

Answer 1

如果数组耗尽会发生什么？从头开始？

您可以执行以下操作：

function get_iterator(values, steps, start) {
    steps = steps || 1;
    var current = start || 0,
        max = values.length;
    return function() {
        var end = current+steps,
            end = end > max ? max : end,
            t = values.slice(current, end);
        current = end % max;
        // or if you don't want to wrap around:
        // current = end; 
        return t;
    }
}

编辑：添加 start 参数。

因为 current 将与 values.length 相同> 最后，如果不进行回绕，splice 将返回一个空数组。

使用 slice 不会更改原始数组。

然后

var extract = get_iterator(arr, 3);
var arr1 = extract(); // gives you the first three elements
var arr2 = extract(); // gives you the next three elements etc.

DEMO

它可能会在“最后”提取中为您提供更少的元素如果元素的数量不能被提取的元素的数量整除。下一次调用将让它再次从头开始。您还可以修改它，使其环绕并从头开始获取元素，以便它始终返回您指定的尽可能多的元素。

参考：Array.prototype.slice

Answer 2

var arr = ["string1","string2","string3","string4","string5","string6","string7","string8","string9","string10","string11","string12","string13","string14","string15","string16","string17","string18"];

var runExtraction = function () {
  return arr.splice(0, 3);
}