Javascript 如何在JS中创建表

我需要在JS中创建一个表，并在页面中显示它，但它似乎不起作用。我有两个函数，第一个用于实际创建表，第二个用于对表中的元素进行排序。我尝试用id

showlist

在html中创建一个简单的div，但该表没有显示在页面中。请参阅下面的代码

function myfunction() {
  var array2 = [];
  var list = "<table border ='1'>";
  array2.sort(order);

  list = list + "<tr>";
  list = list + "<td colspan = '2'> TABLE </td>";
  list = list + "</tr>";
  list = list + "<tr>";
  list = list + "<td> PRICE</td>";
  list = list + "</tr>";

  for (i = 0; i <= array2.length; i++) {
    list = list + "<tr>";
    list = list + "<td>" + array2[i].name + "</td>";
    list = list + "<td>" + array2[i].price + "</td>";
    list = list + "</tr>";
  }
  list = list + "</table>";
  $("#showlist").html(list);
}

function order(n1, n2) {
  if (n1.price > n2.price) {
    return 1;
  } else {
    if (n1.price < n2.price) {
      return -1;
    } else {
      return 0;
    }
  }
}

函数myfunction（）{
var array2=[]；
var list=“”；
排列2.排序（顺序）；
列表=列表+“”；
列表=列表+表格；
列表=列表+“”；
列表=列表+“”；
列表=列表+价格；
列表=列表+“”；
对于（i=0；i n2.价格）{
返回1；
}否则{
如果（n1.价格

您的for循环

数组2
是一个空数组……@PranavCBalan抱歉，我忘了添加另一个数组，它实际上是一个对象数组。您能在堆栈代码段中重现问题吗for循环应该是
for（I=0；I
@ShaunakD上面就是这么写的。我遗漏了什么吗？
for (i = 0; i < array2.length; i++) {
//            ^_ Notice change here
   ...
}