Is there conditional looping with $.each function in jQuery

Question

I have a query about jQuery\'s $.each method. Below is my ajax which is working quite well:

$.ajax({
    url:\'js/people-json.js\',
    type:\'post\         


        

Answer 1

it can be like this on the basis of the tag.. or list of the data, can you please try and tell whether it is helpful..

$('li').each(function(index) {
    alert(index + ': ' + $(this).text());
});

please apply some logic like this and test..

Answer 2

In direct answer to your question, No.

.each() iterates all items in the collection. It does not offer a filtering option. You will just filter yourself like this and change the value in the if statement for each click:

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

Or, if data is an array, you could extract the first 200 and iterate them:

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

Or, if data is an array, a for loop will give you more flexibility:

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

If you're trying to do 200 items each click, then you need to explain more about what you're doing. Are you getting all results from the ajax call? If so, they you don't want to be refetching them each time. Just store all the results and process the next 200 each time. Keep a counter variable that indicates how many you've processed so far.

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);

Answer 3

Sticking with jQuery, the simplest approach is to loop through all items in data.names, up to the last item in the batch, rejecting those items prior to the start of the batch.

var nameObj = {
    index: 0,
    batchSize: 200
};
function nextNamesBatch() {
    $.each(data.names, function(i, data) {
        if(i < nameObj.index) return true;//==continue
        if(i >= nameObj.index + nameObj.batchSize) return false;//==break
        console.log(data);
    });
    nameObj.index += nameObj.batchSize;
}

Yes, there's an increasing efficiency issue as the batches progress but I believe that, for moderate size arrays, the overhead will be less than that in the alternative jQuery approach, namely to throttle data.names (or a clone of it) prior to $.each(...).