Marina Lisichkina
Lawyer and Junior Frontend Developer

Code-example

Implementing the display of pet cards using Map.

function getPagesMap(pets, countCardsOnPage) {
  const paginationPets = [];
  for (let index = 0; index < 6; index++) {
    const part = pets.map(function(pet) {
      return {
        ...pet,
        id: index * pets.length + pet.id,
      };
    });
    paginationPets.push(...part);
  }

  const pagesMap = new Map();
  const pageCount = paginationPets.length / countCardsOnPage;
  for (let pageNumber = 1; pageNumber <= pageCount; pageNumber++) {
    const petsOnCurrentPage = paginationPets.splice(0, countCardsOnPage);
    const mixedPetsForCurrentPage = [];
    for (let index = 1; index <= countCardsOnPage; index++) {
      mixedPetsForCurrentPage.push(getRandomItem(petsOnCurrentPage));
    }
    pagesMap.set(pageNumber, mixedPetsForCurrentPage);
  }
  return pagesMap;
}