[Javascript] for문과 for in문의 차이점

$(document).ready(function() {
    forTest();
});
 
function forTest() {
    var colors = ['A','B','C'];
    
    for(var i=0; i<3; i++){
        console.log(colors[i]);
    }
 
    for(var i in colors){
        console.log(colors[i]);
    }
    
     for(var i=0; i<colors.length; i++){
        console.log(colors[i]);
        list.append(colors[i]);
    }
     
     console.log(list);     
}