Jak ograniczyć pętlę dla danych json w jquery?

Question

Czy istnieje dobry sposób na zapętlenie tylko trzech pierwszych elementów obiektu Json przy użyciu jQuery w każdej pętli?

Mam na myśli odpowiednik funkcji .slice(start,end).

var data = [ 
{"Id": 10004, "PageName": "club"}, 
{"Id": 10040, "PageName": "qaz"}, 
{"Id": 10059, "PageName": "ee"}, 
{"Id": 10089, "PageName": "dd"}, 
{"Id": 10095, "PageName": "hh"} 
]; 

$.each(data, function(i, item) { 
    alert(item.PageName); 
    // somehow break at item 3 
});​ 

Answer 1

var data = [ 
{"Id": 10004, "PageName": "club"}, 
{"Id": 10040, "PageName": "qaz"}, 
{"Id": 10059, "PageName": "ee"}, 
{"Id": 10089, "PageName": "dd"}, 
{"Id": 10095, "PageName": "hh"} 
]; 

$.each(data, function(i, item) { 
    alert(item.PageName); 
    return i<2; 
});​ 

każdy zatrzymuje się, gdy return false.

Od docs:

We can break the $.each() loop at a particular iteration by making the callback function return false. Returning non-false is the same as a continue statement in a for loop; it will skip immediately to the next iteration.

Answer 2

Możesz spróbować tego

$.each(data, function(i, item) { 
    if(i>2) return false; 
    alert(item.PageName); 
});​ 

DEMO.

Answer 3

Spróbuj

$.each(data.slice(0,3), function(i, item) { 
    alert(item.PageName); 
});​ 

Answer 4

$.each(data, function(i){ 
    //i is 0 based, so 3 is really 2. 
    if(i == 2){ 
     //exit the loop on the 3rd iteration of the object. 
     return false; 
    } 
}); 

Answer 5

$.each($(data).slice(0,3), function(i,item){ 
    console.log("\t",item.Id); 
}); 

Answer 6

Można także spróbować pętli przez niego za pomocą pętli for

oto jak to zrobić

 for(var i =0;i<3;i++){ 

     alert("Id is"+d[i].id) ; 

    } 

I aby przechodzić przez całą tablicę Json, skorzystaj z poniższych

 for(var i =0;i<d.length;i++){ 

     alert("Id is"+d[i].id); 
    }