it-swarm.com.de

Paginieren Sie das Javascript-Array

Ich versuche, eine Javascript-Funktion zu schreiben, die ein array, page_size und page_number als Parameter und gibt ein Array zurück, das paginierte Ergebnisse nachahmt:

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

so zum Beispiel, wenn:

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

die Funktion sollte zurückgeben: [3, 4].

Irgendwelche Ideen würden geschätzt.

36
SalmaFG

Sie können Array.prototype.slice und gib einfach die Parameter für (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

Ein weiterer Ansatz, den Sie verwenden können, ist die Verwendung von .filter.

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