js 数据以特定行列表格形式输出的问题。

定义了这个数组，想以四行四列的形式按照数组数据从左到右顺序以表格的形式输出。

img


单行输出没有问题，但是加上列数，这个循环就不知道怎么走了

上代码的时候总是提示重复词或符号~~

img

    <script>
        const arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]
        document.write("<table>");
        for(var j=0;j<4;j++){
           document.write("<tr>");
           for(var i=0;i<4;i++){
              document.write("<td>"+arr[i+j*4]+"</td>");
           }
           document.write("</tr>");
        }
        document.write("</table>");
        </script>


/*
请验证采纳，谢谢
思路：
将一维数组确定有几个4行4列
将4行4列输出放入二维数组
将二维数组放入结果输出
*/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
</head>        
<body>
<body>

<script>
//原始一维数组
var dataArr=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,1,2,3,4,5,6,7,8,];
//最后要输出的数组
var newArr=[];
//数组可以拆分几个4行4列，向上取整
var block=Math.ceil(dataArr.length/16);
for(var i=0;i<=block；i++){
   var oneArr=[];//第i个4行4列
//下面是4行4列
    for(var row=0;row<=4;row++){
        for(var column=0;column<=4;column++){
            oneArr[row][column]=dataArr[row*4+column];
        }
    }
     newArr[i]=oneArr;//将这第i个4行4列放进去
}

console.info(newArr);//控制台输出结果
</script>

</body>
</html>

遍历，输出四个的时候后面加一个输出换行不行吗？