Javascript按每10个数据划分数据，然后将另一个数据集显示到右列

如何按10个数据划分列表，然后将下一个数据集划分到右边的列

$("#Button50").click(function(){ 
    var pemenang_undian=new Array();
    var database = openDatabase("undian","1.0", "Contact Manager", 200000); 
    database.transaction(function (tx) {
        tx.executeSql('SELECT * FROM undian', [], function (tx, results) {
          var len = results.rows.length, i;
          for (i = 0; i < len; i++) {
            pemenang_undian.push(results.rows.item(i).name);
          }
        pemenang_undian=shuffle(pemenang_undian);
        document.getElementById("hasil").innerHTML= 'Pemenang 50 Peserta<br>';
            for (var j=0;j<50;j++)
            {
                tx.executeSql('delete from undian where no = '+pemenang_undian[j]);
                tx.executeSql('INSERT INTO pemenang_undian (no, name,time) VALUES ('+pemenang_undian[j]+', "'+pemenang_undian[j]+'", "50x1")');
                document.getElementById("hasil").innerHTML = document.getElementById("hasil").innerHTML + ("<td>"+pemenang_undian[j]+"</td>");
            }

        });
        pemenang_undian= [];

        document.getElementById("Button50").disabled=true;
        setTimeout(function() {document.getElementById("Button50").disabled=false;},5000);
    });
    }); 

HTML

当前数据将显示为中断

我想要的是：

希望这将有助于：

//Get your data into one variable like below
let arr = [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10]
let count = 0;
let array_new = []
let final_arr = []

// Seperate data into 10 number of blocks.
for(let i = 0; i< arr.length; i++){
    count++;
    array_new.push(arr[i])
    if (count%10 == 0) {
        final_arr.push(array_new)
        array_new = []
    }
}

//Get data that will generate rows, rows will combine into one array.
for (var i in final_arr) 
{
   console.log("row " + i);
   for (var j in final_arr[i]) 
     {
      console.log(" " + final_arr[i][j]);
     }
}
console.log(final_arr) // This array will have your data into chunks.

//Now append data in html tag for generate column.
var htmlStr = "<tbody>";
for(let i=0; i < final_arr.length; ++i) {
    htmlStr += "<tr>";
    htmlStr += "<td>" + final_arr[i] + "</td>";
    htmlStr += "</tr>";
}
htmlStr += "</tbody>"

console.log(htmlStr) //append this string into your div using jQuery/JS

---

你什么时候能得到数据？从167到128？当我点击按钮Generate 50 Pemenang时，它将显示随机数，将该数字存储在arr中，然后将上述代码粘贴到脚本中。在上一篇文章中，在div标签中添加htmlstr以查看浏览器上的输出。你能告诉我怎么做吗？在js上定义数组，点击按钮调用js函数并编写代码以获取数据，然后使用push方法将数据推送到数组中。

//Get your data into one variable like below
let arr = [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10]
let count = 0;
let array_new = []
let final_arr = []

// Seperate data into 10 number of blocks.
for(let i = 0; i< arr.length; i++){
    count++;
    array_new.push(arr[i])
    if (count%10 == 0) {
        final_arr.push(array_new)
        array_new = []
    }
}

//Get data that will generate rows, rows will combine into one array.
for (var i in final_arr) 
{
   console.log("row " + i);
   for (var j in final_arr[i]) 
     {
      console.log(" " + final_arr[i][j]);
     }
}
console.log(final_arr) // This array will have your data into chunks.

//Now append data in html tag for generate column.
var htmlStr = "<tbody>";
for(let i=0; i < final_arr.length; ++i) {
    htmlStr += "<tr>";
    htmlStr += "<td>" + final_arr[i] + "</td>";
    htmlStr += "</tr>";
}
htmlStr += "</tbody>"

console.log(htmlStr) //append this string into your div using jQuery/JS