Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

Array Pagination in JS

const dataList = [
    'a',
    'b',
    'c',
    'd',
    'e',
    '1',
    '2',
    '3',
    '4',
    '5'
]

function paginateArray(arr , itemPerPage , pageIndex) {
    const lastIndex = itemPerPage * pageIndex;
    const firstIndex = lastIndex - itemPerPage;
    return arr.slice(firstIndex , lastIndex);
}

console.log(paginateArray(dataList , 5 , 2));
Comment

Paginate array in JavaScript

var host = 'https://' + document.location.hostname
var pages = [host + '/index.html', host + '/index2.html', host + '/index3.html']

var behind = document.getElementById('behind')
var forward = document.getElementById('forward')

function prev(current, pages) {
  var index = pages.indexOf(current)
  if (index === 0) {
    return pages[pages.length - 1]
  }
  return pages[index - 1]
}

function next(current, pages) {
  var index = pages.indexOf(current)
  if (index === pages.length - 1) {
    return pages[0]
  }
  return pages[index + 1]
}

behind.addEventListener('click', function () {
  var newUrl = prev(host + window.location.pathname, pages)
  window.location.href = newUrl
})

forward.addEventListener('click', function () {
  var newUrl = next(host + window.location.pathname, pages)
  window.location.href = newUrl
})
Comment

PREVIOUS NEXT
Code Example
Javascript :: Register post meta of sidebar in wordpress 
Javascript :: Rest and spread operators in ES6 
Javascript :: default parameters in es6 
Javascript :: on click disable esc button using jquery 
Javascript :: hide modal event listener js 
Javascript :: set style javascript and cancel it to use default 
Javascript :: pass js variable to css animation 
Javascript :: stimulus controller 
Javascript :: vscode react debug chrome profile 
Javascript :: iteration methods 
Javascript :: react native red circle bubble 
Javascript :: salesforce js merge object 
Javascript :: how to print huge numbers in a variable alert javascript 
Javascript :: loop through async javascript -2 
Javascript :: if there is an invalid expression in eval js then how to get ti 
Javascript :: jquery console.log object file 
Javascript :: javascript return opposite boolean 
Javascript :: javascript error fix 
Javascript :: React svg element rating 
Javascript :: js array equals ignore order 
Javascript :: TYPING TEXT USING JS1 
Javascript :: firefox button not enabling 
Javascript :: changing CSS with JS, using a function - strips all CSS and re-adds classes passed by 2nd parameter - as an Array 
Javascript :: ex:h2p 
Javascript :: js merge 2 index declarations for loop 
Javascript :: history go back js oneline 
Javascript :: copy Konva Transform object 
Javascript :: value.js package 
Javascript :: add operator in javascript 
Javascript :: how to catch shortcut keys in jquery 
ADD CONTENT
Topic
Content
Source link
Name
2+5 =