javascript - 如何在 JS 中创建表格

Question

我需要在 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;
    }
  }
}

Answer 1

你的 for 循环 <=从 0 运行至 array2.length ，应该是< - 来自 0至 array2.length-1 .

for (i = 0; i < array2.length; i++) {
//            ^_ Notice change here
   ...
}

否则，最后一次迭代会抛出未定义的错误。

Uncaught TypeError: Cannot read property 'name' of undefined

---

Fiddle Example