javascript - 如何使用javascript计算每页的项目数及其索引？

Question

我正在为一个表构建一个分页系统，并希望显示像 1 到 5 of 14 entries 这样的文本我有以下代码

var totalItemsCount = 14;
var numberOfItemsPerPage = 5;
var page = 1;

var numberOfPages = Math.floor((totalItemsCount + numberOfItemsPerPage - 1) / numberOfItemsPerPage);

var start = (page * numberOfItemsPerPage) - (numberOfItemsPerPage - 1);

var end = start + numberOfItemsPerPage - 1;

console.log(`${start} to ${end} of ${totalItemsCount}`);

现在，当每页的项目数可以均等地除以项目总数时，这很有效，但如果不是这种情况，end 将不正确。在以下情况下，如果变量 page 为 3，则 end 将由 1 生成。 我该如何解决这个问题？

Answer 1

你可以使用 Math.min .

var end = Math.min(start + numberOfItemsPerPage - 1, totalItemsCount);

例如

var totalItemsCount = 14;
var numberOfItemsPerPage = 5;
var page = 3;

var numberOfPages = Math.floor((totalItemsCount + numberOfItemsPerPage - 1) / numberOfItemsPerPage);
var start = (page * numberOfItemsPerPage) - (numberOfItemsPerPage - 1);
var end = Math.min(start + numberOfItemsPerPage - 1, totalItemsCount);

console.log(`${start} to ${end} of ${totalItemsCount}`);