Javascript FOR문

Javascript FOR문의 다양성 

 

1)  일반적인 FOR문

 

1
2
3

2) 조금 더 쉽고 직관적으로 사용하기 위한 FOR문

 

1
2
3
4
5

3) JQuery를 사용한 For문

 

jQuery.each(list, function(i, v) {
    var dataObj = {};
 
    dataObj['gen'] = v.gen;
    dataObj['curr'] = setChartData(v.curr);
    dataObj['curr_rn'] = setChartData(v.curr_rn);
    dataObj['norm_rn'] = setChartData(v.norm_rn);
    dataObj['prev_rn'] = setChartData(v.prev_rn);
       
    dataProvider.push(dataObj);
});

4) 3번, 4번 같이 쓴 경우 

 

jQuery.each(List, function(i, v){
        
    var tr = jQuery("<tr>");
    tr.addClass('addTr');
 
    for(var key in v){
        
        if(key == "boobscd" || key == "pfh"){
        }else{
                
            var td = jQuery("<td>");
            td.addClass('addTd');                
            td.attr("value", key);
            td.text(v[key]);
            tr.append(td);
 
        }
    }
    jQuery("#" + target).append(tr);
});