이 매번 3 개의 배열 요소를 표시하는 올바른 방법입니까?

Question

은 매번 3 개의 배열 요소를 표시하는 올바른 방법입니까? 변경 배열 항목을 추가하거나 배열 값을 제거하거나 또는 당신은 itemsperow 변경 사항을 볼 수 = 4 변경할 수 있습니다

자바 스크립트

var index=0; 
    var arr=['a','b','c','d','e','f','g','h','i',10]; 
    var tot =arr.length; 
    var itemsperow=3; 
     var loop=Math.round(tot/itemsperow); 
     //checking if remainder exist 
     if(tot%itemsperow!=0){ 
     loop=loop+1; 
     } 

    for(i=1;i<=loop;i++) 
     { 
      console.log("<div>"); 
      for(j=1;j<=itemsperow;++j){ 
       if(index==tot){ 
        break; 
       } 
       console.log('<span>'+arr[index]+'</span>'); 

       ++index; 
       } 

      console.log("</div>"); 

      if(index==tot){ 
        break; 
       } 
     } 

DEMO :

참고 아래의 데모를 참조하십시오 : http://jsfiddle.net/nadeemmnn2007/87rxL785/

Answer 1

각 항목을 출력 할 때 계수를 사용하여

for (var i = 0; i < arr.length; i++) { 
    if ((i % itemsperrow) == 0) { 
     if (i != 0) { // Close last DIV 
      console.log('</div>'); 
     } 
     console.log('<div>'); 
    } 
    console.log(arr[i]); 
} 
if (i > 0) { 
    console.log('</div>'); 
} 

Answer 2

이 공은 내가

var arr=['a','b','c','d','e','f','g','h','i',10]; 
     for(i=0;i<arr.length;){ 
      console.log('<div>'); 
      for(j=0;i<arr.length && j<3;++i,++j){ 
      console.log('<p>'+arr[i]+'</p>'); 
      } 
      console.log('</div>'); 
     }