Pulse Of The Blogosphere » Pagination

HOME / Javascript / JS Cơ Bản / Pagination – Phân trang trong ES6

Pagination – Phân trang trong ES6

Author: admin - Posted: 14/05/21 - Update: 07/08/22

1. List vị trí hiện

pagination = (index, length, delta = 2) => {
	let array = [],
		left = index - delta - 1,
		right = index + delta + 1;
	for (let i = 1; i <= length; i++) {
		if (
			i == 1 ||
			i == length ||
			(i > left && i < right) ||
			(i == 2 && left == 2) ||
			(i == length - 1 && right == length - 1)
		) {
			array.push(i);
		}
	}
	if (left > 2) {
		array.splice(1, 0, '...');
	}
	if (right < length - 1) {
		array.splice(-1, 0, '...');
	}
	return array;
};

pagination = (index, length, delta = 2) => {

let array = [],

left = index - delta - 1,

right = index + delta + 1;

for (let i = 1; i <= length; i++) {

if (

i == 1 ||

i == length ||

(i > left && i < right) ||

(i == 2 && left == 2) ||

(i == length - 1 && right == length - 1)

) {

array.push(i);

}

if (left > 2) {

array.splice(1, 0, '...');

}

if (right < length - 1) {

array.splice(-1, 0, '...');

}

return array;

};

-- Test thử

for (let i = 1, l = 20; i <= l; i++)
    console.log(`Selected page ${i}:`, pagination(i, l));

1 2	for (let i = 1, l = 20; i <= l; i++) console.log(`Selected page ${i}:`, pagination(i, l));

1. List vị trí hiện

JS Cơ Bản

Typescript – Ghi chú về Enum, Type, Interface