如何仅显示数组中包含的特定数量的项目？

Question

我在 AS3 中有这段代码

var products:Array;
var list:Sprite = new Sprite();
function complete(e:Event):void {
    addChild(list);
    products = JSON.parse(loader5.data) as Array;
    for(var i:int = 0, l:int = products.length - 1; l >= 0; i++, l--){
    createListItem(i, products[l]);
        if(products.length >=10){
            next.visible=true;
        }
}
    showList();
}

它显示了我的表数据库中包含的所有产品的列表。

现在我添加了if(products.length >=10){，它正在工作。

我想补充

`if(products.length >=10){` 
What shoud I put here for showing only 10 products. 
next.visible=true;
next.addEventListener(MouseEvent.CLICK, show10Next);
}

function show10Next(event:MouseEvent){
What should I put here for showing the 10 next products ? 
}

------------------------------------------ ----------------------------------------- 编辑

有了 Aaron 的回答，这就是我所做的：

function complete(e:Event):void {
    addChild(list);
    products = JSON.parse(loader5.data) as Array;
    feedbackText.text = "complete";
    showNext() ;
}
function showNext():void {
    var currentNumShowing:int = list.numChildren;
    var nextNumShowing:int = Math.min(currentNumShowing + 10, products.length);
    for(var i:int = currentNumShowing; i < nextNumShowing; i++){
        createListItem(i, products[i]);
    }
    next.visible = nextNumShowing < products.length;
}

那么现在我该如何添加 next.addEventListener(MouseEvent.CLICK,next10); ？

（因为showNext 不是MouseEvent，所以我做不到next.addEventListener(MouseEvent.CLICK,showNext);...）

其次，我的代码从头到尾显示产品（for(var i:int = 0, l:int = products.length - 1; l >= 0; i++, l--){。我怎样才能保留它？

我试过了：for(var i:int = currentNumShowing, l:int = products.length - 1; i < nextNumShowing;l >= 0; i++, l--){ 但它不起作用（错误 1084 期望在分号之前出现右括号并期望在右括号之前有分号）

Answer 1

如果您只想从 products 数组中一次显示 10 个，您可以创建一个函数来显示数组的切片，如下所示：

const itemsPerPage:uint = 10;

var currentPageIndex:int = 0;

function displayPage(pageIndex:int):void {
    list.removeChildren();

    currentPageIndex = pageIndex;

    var firstItemIndex:int = pageIndex * itemsPerPage;
    var lastItemIndex:int = Math.min(firstItemIndex + itemsPerPage, products.length - 1);
    for(var i:int = firstItemIndex; i <= lastItemIndex; i++){
        createListItem(i - firstItemIndex, products[i]);
    }
    next.visible = lastItemIndex < products.length - 1;
}

然后从您的 complete 处理程序中，您可以像这样显示第一页：

displayPage(0);

您的next 按钮可以有一个显示currentPageIndex + 1 的点击处理程序，如下所示：

next.addEventListener(MouseEvent.CLICK, nextClick);
function nextClick(e:MouseEvent):void {
    displayPage(currentPageIndex + 1);
}

同样，您可以displayPage(currentPageIndex - 1) 返回页面。

如果你想从数组的末尾显示到开头，我建议你只是reverse it：products.reverse()

请注意，如果您的数据很大，仅加载 JSON 可能需要一段时间。在这种情况下，您应该对 JSON 数据本身进行分页，以便一次仅加载 10 个