Paginate Javascript array

前端 未结 7 1837
庸人自扰
庸人自扰 2020-12-02 08:55

I am trying to write a Javascript function that takes an array, page_size and page_number as parameters and returns an array that mimi

7条回答
  •  既然无缘
    2020-12-02 09:28

    I saw an example above that did this correctly (kind of) and wanted to expand on it.

    This was the example.

    function paginate(array, page_size, page_number) {
      // human-readable page numbers usually start with 1, so we reduce 1 in the first argument
      return array.slice((page_number - 1) * page_size, page_number * page_size);
    }
    

    There are a few things wrong with this.

    1.) If the page_number is 0 then it will try and set the starting split at -1 * page_size which returns an empty array. So the minimum value of the page_number attr should be 1, never anything less unless you handle that case in the function.

    2.) The starting and ending index of the split are the same. Because of this, you get back an empty array. So the split should be:

    return array.split(page_number * page_size, page_number * page_size + page_size)
    

    const myArray = [1,2,3,4,5,6,7,8,9,10];
    
    const paginateBad1 = (array, page_size, page_number) => {
      return array.slice((page_number - 1) * page_size, page_number * page_size);
    };
    
    const paginateBad2 = (array, page_size, page_number) => {
      return array.slice(page_number * page_size, page_number * page_size);
    };
    
    const paginateGood = (array, page_size, page_number) => {
      return array.slice(page_number * page_size, page_number * page_size + page_size);
    };
    
    console.log("Bad 1", paginateBad1(myArray, 2, 0));
    console.log("Bad 2", paginateBad2(myArray, 2, 1));
    console.log("Good", paginateGood(myArray, 2, 1));

提交回复
热议问题