Javascript FOR문

IT 개발/JavaScript

Javascript FOR문

Love of fate 2019. 9. 1. 17:52

728x90

Javascript FOR문의 다양성

1) 일반적인 FOR문

1
2
3

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

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

1
2
3
4
5

for(var i in array) {
  console.log(array[i]);
}

3) JQuery를 사용한 For문

1
2
3
4
5
6
7
8
9
10
11

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번 같이 쓴 경우

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

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

728x90