各行に3つの要素が含まれるように配列の要素をテーブル行に表示したい

Question

ありがとうございます。 3インチを表示する必要がある場合はどうすればよいですか？ループを繰り返して、各行に3つの要素を表示します。

table= '<table>'; 
for(i=1;i<=arr.length;i++) { 
    table= '<tr>'; 
       if(arr[i]==undefined) 
        { 
        table += '</tr>'; 
        break; 
        } 
       else { 
        table+='<td>'+arr[i]+'</td>'; 
        //document.write(arr[i] + ' '); 
       } 
       if(i%3 == 0) { 
        table += '</tr>'; 
        //document.write('<br />'); 
       } 
} 
table += '</table>'; 
document.write(table); 

Answer 1

あなたは私に挑戦して...大丈夫それは簡単ですし、それが読みやすいです。

var arr = ['apple','boy','cat','dog','egg','fish','gum','gun','hat','ink','jug','kite','lamb','man']; 
 

 
var html = [];//like a string builder 
 

 
html.push('<table>'); 
 

 
for(let i = 0; i < arr.length; i += 3){ 
 
html.push('<tr>'); 
 
    
 
html.push('<td>', arr[i] ,'</td>'); 
 
    
 
html.push('<td>', arr[i + 1], '</td>'); 
 
    
 
html.push('<td>', arr[i + 2], '</td>'); 
 
    
 
html.push('</tr>'); 
 
} 
 

 
html.push('</table>'); 
 

 
document.write(html.join(''));

td{ 
 
border: 1px solid black; 
 
}

Answer 2

は、この方法を試してください。

var arr=['apple','boy','cat','dog','egg','fish','gum','gun','hat','ink','jug','kite','lamb','man']; 
 
for(i=0;i<arr.length;i++) { 
 
\t \t \t \t if(i != 0 && i%3 === 0) { 
 
\t \t \t \t \t document.write('<br />'); 
 
\t \t \t \t } 
 
\t \t \t \t if(arr[i]==undefined) 
 
\t \t \t \t \t \t \t \t break; 
 
\t \t \t \t else { 
 
\t \t \t \t \t document.write(arr[i] + ' '); 
 
\t \t \t \t } 
 
}

Answer 3

var arr=['apple','boy','cat','dog','egg','fish','gum','gun','hat','ink','jug','kite','lamb','man']; 
 

 
for(var i=0;i<arr.length;i+=3){ 
 
\t var row = []; 
 
\t row.push(arr[i] || ''); \t 
 
\t row.push(arr[i+1] || ''); \t 
 
\t row.push(arr[i+2] || ''); 
 
    row.push("<br>"); \t 
 
\t document.write(row.join(" ")) 
 

 
}