JavaScript Iteration In Three Ways

by dandiebolt

HTML

<script src="https://www.quickbase.com/db/bfx7sqpm8?a=dbpage&amp;pagename=CourseInfo.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>

JavaScript

var student;

console.log(students.length);
console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~");
console.log("JavaScript Iteration");

for (var index=0; index < students.length; index++) {
    if (index==5) break;
    student =students[index];
    for (var property in student) {
        console.log("index=" + index +
            " property=" + property +
            " student['" + property + "']=" + student[property]);
    }
    console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~");
}

console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~");
console.log("jQuery Iteration");

$.each(students,function(index,student){     
    if (index == 5 ) return false;
    $.each(student,function(property,value){
        console.log("index=" + index +
              " property=" + property +
              " student['" + property + "']=" + value);  
    });
    console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~");
});

console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~");
console.log("UnderScore Iteration");

_.any(students,function(student,index){  
    if (index == 5 ) return true;   
    _.each(student,function(value,property){
        console.log("index=" + index +
              " property=" + property +
              " student['" + property + "']=" + value);  
    });
    console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~");
});