JavaScript: how to paginate an array

JavaScript: how to paginate an array

In this article we'll see how to paginate an array with JavaScript.

In this article we'll see how to paginate an array with JavaScript.

We can implement the following solution:


'use strict';

function paginateArray(arr = [], pageSize = 1, pageNumber = 1) {
    if (!Array.isArray(arr)) {
        return [];
    } 
    if (typeof pageSize !== 'number' || typeof pageNumber !== 'number') {
        return arr;
    }
    if (pageNumber < 1) {
        pageNumber = 1;
    } 
    --pageNumber; // decrements pageNumber to the correct index
    return arr.slice(pageNumber * pageSize, (pageNumber + 1) * pageSize);
}

Example:


const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const pageSize = 3;
const pageNumber = 2;
const page = paginateArray(items, pageSize, pageNumber);
console.log(page); // Output: [4, 5, 6]