javascript - 跟踪单击按钮时添加到页面的项目

Question

我在图片库的按钮中有一个 for 循环。当您单击按钮时，它将获取下一组项目并将它们添加到页面中，直到没有剩余的项目可供抓取。我最初是通过将每次单击应添加的项目数量添加到每次单击的前一个值来跟踪数组中的位置。我想将这些var更改为const，但是如果ES6 中的const不应该更改（保持不变），您如何通过不更改变量的值来实现相同的结果？我跟踪当前项目数量的方法不是我应该如何做的吗？

var itemCurrent = 10; // Starting number of items on page.
var itemsAdded = 15; // Number of items to add to page per button click.

document.getElementById('myButton').addEventListener('click', function() {

  for (let i = itemCurrent; i < itemCurrent + itemsAdded; i++) {
    if(i < data.projects.length) {
      //Do Stuff---------------------
    }
  }
  itemCurrent = itemCurrent + itemsAdded;
                
});

标签： javascriptecmascript-6

Answer 1

我想也许会有一种更优雅的方式来做我想做的事，但似乎使用let而不是var并让一切保持原样是最好的方式。