html页面交替循环,数组交替循环.html

Title

取出数据

window.onload = function () {

let _len = 6;

let array = [1, 2, 3, 4, 5];

let cache = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']

// 用来处理数据量大的问题(每次从缓存中读取数据) 避免dom节点 渲染过多 每次从缓存数据中新增5条数据进行显示

var data = ArrRepalce2(array, cache, _len);

document.getElementById('test').addEventListener('click', function () {

console.log(data.load());

});

/**

* @param array

* @param cache

* @param len

* @returns {*}

* @constructor

*/

function ArrRepalce2(array, cache, len) {

if (this instanceof ArrRepalce2) {

if (Array.isArray(array) && Array.isArray(cache)) {

this.array = array;

this.cache = cache;

this.len = len;

this.cusour = 0;

} else {

return new TypeError('param error');

}

} else {

return new ArrRepalce2(array, cache, len);

}

}

ArrRepalce2.prototype.load = function () {

this.array = []; // 默认清空原信息

if (this.cusour + this.len > this.cache.length) {

let first = this.cache.slice(this.cusour, this.cusour + this.len);

let end = this.cache.slice(0, (this.cusour + this.len) - this.cache.length);

this.array = first.concat(end);

this.cusour = (this.cusour + this.len) - this.cache.length;

} else {

this.array = this.array.concat(this.cache.slice(this.cusour, this.cusour + this.len));

this.cusour = this.cusour + this.len;

}

return this.array;

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史