jQuery 中是否有 $.each 函数的条件循环

我有一个关于 jQuery 的疑问$.each方法。下面是我的ajax，它运行得很好：

$.ajax({
    url:'js/people-json.js',
    type:'post',
    dataType:'json',
    success:function(data){
        $.each(data.names, function(i, data) {
            console.log(data);
        });
    },
    error:function(err){
        console.log(err);
    }
});

该脚本运行良好，并为我提供了我想要获得的 JSON 结果。然而，这给了我结果，但这是我存储在外部 JS 文件中的一长串信息，其 JSON 格式如下所示：

{
"people": [
    {
        "name": "aaa",
        "age": 32,
        "email": "[email protected] /cdn-cgi/l/email-protection"
    },
    {
        "name": "bbb",
        "age": 21,
        "email": "[email protected] /cdn-cgi/l/email-protection"
    },
    {
        "name": "ccc",
        "age": 45,
        "email": "[email protected] /cdn-cgi/l/email-protection"
    },
    ..............lot of more here around 8000
  ]
}

有没有办法在 jQuery 中以这种方式循环：

$.each(data.names<=200, function(i, data) {
    console.log(data);
});

或者这样：

$.each(data.names, function(i<=200, data) {
    console.log(data);
});

或者这个：

$.each(data.names, function(i, data<=200) {
    console.log(data);
});

我们可以在第一次加载时循环使用 200 个结果，然后再循环吗？ 单击按钮即可循环播放另外 200 个，依此类推。

Note:我更喜欢 jQuery 解决方案。

直接回答你的问题，不。

.each()迭代集合中的所有项目。它不提供过滤选项。您只需像这样过滤自己并更改每次点击的 if 语句中的值：

$.each(data, function(i, data) {
    if (i <= 200) {
        console.log(data);
    }
});

Or, if data是一个数组，您可以提取前 200 个并迭代它们：

$.each(data.slice(0, 200), function(i, data) {
    console.log(data);
});

Or, if data是一个数组，一个for循环会给你更多的灵活性：

for (var i = 0; i < 200; i++) {
    console.log(data[i]);
}

如果您尝试每次点击执行 200 项操作，那么您需要详细解释您正在执行的操作。您是否从 ajax 调用中获得了所有结果？如果是这样，您不想每次都重新获取它们。只需存储所有结果并每次处理接下来的 200 个结果即可。保留一个计数器变量来指示到目前为止您已经处理了多少个。

var data = [...];
var dataIterationCnt = 0;

function getNextChunk(n) {
    var end = Math.min(dataIterationCnt + n, data.length)
    for (var i = dataIterationCnt; i < end; i++) {
        console.log(data[i]);
    }
    dataIterationCnt = i;
    return(dataIterationCnt < data.length);
}

// then in your code, you just call getNextChunk(200)
// until it returns null which means it has no more to iterate
var more = getNextChunk(200);