Javascript 使用jQuery从JSON创建表

我有一个json文件，它本质上是一个剧院的布局

{
    "who": "RSNO",
    "what": "An American Festival",
    "when": "2013-02-08 19:30",
    "where": "User Hall - Main Auditorium",
    "seats": [
        "00000000000000000011111111111111000000000000000000",
        "0000000000000001111111111111111aaa0000000000000000",
        "00000000000000aa111111111111111aaaaa00000000000000",
        "00000000000001111111111111111111111111000000000000",
        "000000000aa00aaaaaaaaaaaaaaaaaaaaaa1100aa000000000",
        "00000001111001111111111111111111111100111100000000",
        "00000aaaaaa0011aaaaaaaaa11111111aaa1100aaaaaa00000",
        "00001111111001111111111111111111111100111111100000",
        "000aaaaaaa110011111111111111111111110011aaaaaaa000",
        "00111111111100111111111111111111111001111111111000",
        "00aaaaa1111110011111111111111111111001111aaaaaaa00",
        "11111111111100111111111111111111111001111111111110",
        "0aaaaaaaaaaaa001111111111111111111100aaaaaaaaaaaa0",
        "01111111111110011111111111111111110011111111111100",
        "00000000000000001111111111111111110000000000000000",
        "01111111111111001111111111111111100111111111111100",
        "01111111111111001111111111111111110011111111111110",
        "01111111111111001111111111111111100111111111111100",
        "00a11111111111100111111111111111100111111111111a00",
        "00111111111111100111111111111111001111111111111000",
        "00011111111111110011111111111111001111111111111000",
        "00111111111111100111111111111111001111111111111000",
        "00011111111111110011111111111111001111111111111000",
        "00011111111111110011111111111110011111111111110000",
        "0000000111a111111001111a1111a110011111111110000000",
        "00000000111111110011111111111110011111111000000000",
        "00000000001111111001111111111110011111110000000000",
        "00000000000000111001111111111100111000000000000000"
    ],
    "rows": [
        "DD",
        "CC",
        "BB",
        "AA",
        "Z",
        "Y",
        "X",
        "W",
        "V",
        "U",
        "T",
        "S",
        "R",
        "Q",
        "P",
        "N",
        "M",
        "L",
        "K",
        "J",
        "H",
        "G",
        "F",
        "E",
        "D",
        "C",
        "B",
        "A"
    ],
    "seatPrice": [
        "                  00000000000000                  ",
        "               0000000000000000000                ",
        "              0000000000000000000000              ",
        "             0000000000000000000000000            ",
        "         00  000000000000000000000000  00         ",
        "       0000  00000000000000000000000  0000        ",
        "     000000  000000000000000000000000  000000     ",
        "    0000000  00000000000000000000000  0000000     ",
        "   000000000  0000000000000000000000  000000000   ",
        "  0000000000  000000000000000000000  0000000000   ",
        "  00000000000  00000000000000000000  00000000000  ",
        "000000000000  000000000000000000000  000000000000 ",
        " 000000000000  00000000000000000000  000000000000 ",
        " 000000000000  0000000000000000000  000000000000  ",
        "                000000000000000000                ",
        " 0000000000000  00000000000000000  0000000000000  ",
        " 0000000000000  000000000000000000  0000000000000 ",
        " 0000000000000  00000000000000000  0000000000000  ",
        "  0000000000000  0000000000000000  0000000000000  ",
        "  0000000000000  000000000000000  0000000000000   ",
        "   0000000000000  00000000000000  0000000000000   ",
        "  0000000000000  000000000000000  0000000000000   ",
        "   0000000000000  00000000000000  0000000000000   ",
        "   0000000000000  0011111111100  0000000000000    ",
        "       0000000000  111111111111  0000000000       ",
        "        00000000  1111111111111  00000000         ",
        "          0000000  111111111111  0000000          ",
        "              000  00000000000  000               "
    ],
    "priceLookup": [
        10,
        20
    ]
}

---

基本上，每个字符（包括空格）都应该成为表中的一个单元格，并且根据字符的不同，应该具有不同的类。每个单元格还有一个用作座位号的参考。我不知道从哪里开始，这个网站上的其他问题甚至没有帮助澄清一个像样的方法。任何帮助都将不胜感激

从以下内容开始：

var json  = JSON.parse(jsonString),
    table = $('<table />');


for (key in json) {
    var tr = $('<tr />', {'class': key, html: '<td>'+key+'</td><td>'+json[key]+'</td>'});
    table.append(tr);
}

$('body').append(table);

var json=json.parse（jsonString），
表=$（''）；
for（输入json）{
var tr=$（“”，{'class'：key，html:'+key++'+json[key]+'}）；
表3.追加（tr）；
}
$（'body'）。追加（表）；

StackOverflow并不是真正让人们为您实施编码任务的地方。您应该尝试自己实现一些东西，然后在遇到具体问题时提出具体问题。jquery.dataTable，就这些wrote@MikeBrant我知道这不是重点，我也不是在要求一个完整的实现或类似的东西。从本质上讲，我理解需要有一个数组，但首先我不能完全确定JSON文件的结构，通过查看示例来了解其他人是如何实现它们的也没有帮助，因为我的JSON文件似乎缺少其他人似乎拥有的部分，这导致了混乱。即使解释一下它是如何工作的也会很有帮助，这样我就可以自己实现它了。你确定这是有效的JSON吗？在我看来，它更像是javascript对象文字符号。@Beetroot Beetroot在JSLint上检查了它，它是有效的。这非常有用，谢谢。我只是需要一些非特定的东西，这样我就可以理解数据在数据库中是如何处理的loop@JordanMoffat-应该给你这个->。通过一点阅读和实验，您应该能够走得很远，如果您有一个特定的代码问题，请在这里提问。