for循环每次展示固定条数的数据的写法。

Posted 2020-08-25 pengpenglin

第一种是一组json数据实现分页的效果，也就是每一次展示5条数据。
第二种场景是每一秒展示4条数据，直到全部显示完。
两种思路都做个笔记记录下。

var nums = 5; //每页出现的数量
var pages = Math.ceil(data.length/nums); //得到总页数

var thisDate = function(curr){
    //此处只是演示，实际场景通常是返回已经当前页已经分组好的数据
    var str = ‘‘, last = curr*nums - 1;
    last = last >= data.length ? (data.length-1) : last;
    for(var i = (curr*nums - nums); i <= last; i++){
        str += ‘<li>‘+ data[i] +‘</li>‘;
    }
    return str;
};

//另一种写
2.
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var index = 0;
var i = 0;
var setId = setInterval(function () {
    for (; i < index; i++) {
        if(!arr[i]){
            clearInterval(setId);
            return;
        }
        console.log(arr[i]);
    }
    index += 4;
}, 1000);