Как показывать на странице по 3 объекта из массива?

Question

[IvanIvanIvanIvanIvan]

Суть вопроса такая. Как показывать по 3 объявления на странице из массива. Ну то есть если пользователь находится на первой странице, то первые три элемента массива, если на второй то следующие 3 элемента массива, если на третей то след три и так далее.... Короче переключалку, как на сайте с объявлениями. Как правильно фильтровать

let intervaltwo = ["asdasd", "asdasd", "asdasd", "asdasd", "asdasd", "asdasd", "голова", "рука", "мозг"];
pagefrom = 0;
pagefrom = 3;


intervaltree = intervaltwo.filter(function(item, i, arr) {
  return i >= pagefrom && i <= pagebefore;
});

console.log(intervaltree);

Пользователь нажал допустим 3, значит мы показываем из массива элементы с индексом с 6 по 8, это будет "голова", "рука", "мозг"

Answer 1

[lemme]

const data = [1,2,3,4,5,6,7,8,9,10]
const getPage = (pageNumber = 1, itemPerPage = 3) => (
    data.slice((pageNumber - 1) * itemPerPage, pageNumber * itemPerPage)
)

console.log(getPage(1)) // [1,2,3]
console.log(getPage(2)) // [4,5,6]
console.log(getPage(3)) // [7,8,9]
console.log(getPage(4)) // [10]

Comments

[IvanIvanIvanIvanIvan]

Не понимаю, передаем в функцию 1 аргумент, а в теле функции 2 аргумента, ничего не понимаю

[lemme]

IvanIvanIvanIvanIvan, дефолтные значения. prntscr.com/i4g882

getPage(1, 3)

где 1 - номер страницы
где 3 - кол-во записей

function getPage(pageNumber, itemPerPage) {
    var pn = pageNumber || 1,
          n = itemPerPage || 3;
      
    return data.slice((pn - 1) * n, pn * n)
}

[IvanIvanIvanIvanIvan]

АА то есть у аргумента функции может быть значение по дефолту? Тогда почему если мы просто вызовем её без аргументов, то оно пустой массив возвращает?

[lemme]

IvanIvanIvanIvanIvan, prntscr.com/i4gf2s, es5 код выше поправил

[IvanIvanIvanIvanIvan]

Понятно спасибо