Question

假设我在一个数组中有15个对象。我在浏览器中只显示了其中的5个。

Array<string>

此外，我还有一个函数，当用户向下滚动时会调用该函数。我想每卷显示另外五个。

const array1 = Array.slice(0,4)

但是，数组中还有其他对象。 array1.concat(Array.slice(5,9))

我该如何重复？

我正在使用React和react-infinite-scroll-component

This example可以帮助您理解我的问题。唯一的区别是该示例从0创建数组，而我在数组中已经有15个对象。

Answer 1

您可以跟踪变量的使用位置，例如，以以下内容开头：

let start = 0;

然后，当您想显示下五个时：

if (start < originalArray.length) {
    let end = Math.min(start + 5, originalArray.length) {
        if (end > start) {
            array1  = array1.concat(originalArray.slice(start, end));
            // Presumably a `setState` call here using `array1`
            start = end;
        }
    }
}

使用slice调用函数时，javascript获取指定数量的数组

1 个答案: