web-dev-qa-db-fra.com

Paginer le tableau Javascript

J'essaie d'écrire une fonction Javascript qui prend un array, page_size et page_number en tant que paramètres et renvoie un tableau reproduisant les résultats paginés:

paginate: function (array, page_size, page_number) {
  return result;
}

ainsi par exemple quand:

array = [1, 2, 3, 4, 5],
page size = 2,
page_number = 2,

la fonction devrait retourner: [3, 4].

Toute idée serait appréciée.

javascriptarrayspagination
36
SalmaFG

Vous pouvez utiliser Array.prototype.slice et fournissez simplement les paramètres pour (start, end).

function paginate (array, page_size, page_number) {
  --page_number; // because pages logically start with 1, but technically with 0
  return array.slice(page_number * page_size, (page_number + 1) * page_size);
}

console.log(paginate([1, 2, 3, 4, 5, 6], 2, 2));
console.log(paginate([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11], 4, 1));
78
casraf

Une autre approche que vous pouvez utiliser, utilise .filter, regardez:

const paginate = function (array, index, size) {
        // transform values
        index = Math.abs(parseInt(index));
        index = index > 0 ? index - 1 : index;
        size = parseInt(size);
        size = size < 1 ? 1 : size;

        // filter
        return [...(array.filter((value, n) => {
            return (n >= (index * size)) && (n < ((index+1) * size))
        }))]
    }

var array = [
  {id: "1"}, {id: "2"}, {id: "3"}, {id: "4"}, {id: "5"}, {id: "6"}, {id: "7"}, {id: "8"}, {id: "9"}, {id: "10"}
 ]


var transform = paginate(array, 2, 5);

console.log(transform) // [{"id":"6"},{"id":"7"},{"id":"8"},{"id":"9"},{"id":"10"}]
0
Dax Aquatic