[Edit]

JavaScript - paginate array

1 contributors

2 contributions

0 discussions

0 points

Created by:

Palpys

764

In this article, we would like to show you how to use an array for pagination in JavaScript.

Practical example

Edit

In this example, we create paginate function that uses an array for pagination. The pageSize represents the number of elements on the page and pageNumber is a number of the current page.

xxxxxxxxxx
 
function paginate(array, pageSize, pageNumber) {
    return array.slice((pageNumber - 1) * pageSize, pageNumber * pageSize);
}
​
​
// Usage example
​
var pageSize = 2;
var pageNumber = 3;
​
console.log(paginate([1, 2, 3, 4, 5, 6], pageSize, pageNumber)); // [ 5, 6 ]

Auto running

ES6 solution:

xxxxxxxxxx
 
const paginate = (array, pageSize, pageNumber) => array.slice((pageNumber - 1) * pageSize, pageNumber * pageSize);
​
​
// Usage example
​
console.log(paginate([1, 2, 3, 4, 5, 6], 2, 2)); // [ 3, 4 ]
console.log(paginate([1, 2, 3, 4, 5, 6], 2, 3)); // [ 5, 6 ]