javascript - 使用键和值将 HTML 表行解析为多维数组

Question

我实际上正在使用这个方法，但它只返回一个值数组的数组，我需要一种设置键和值的方法，将每个键设置为 <td> name 属性就可以了。
如果您有任何解决方案，请分享。

HTML:

<table id="mytable">
<tr>
    <td name="name">Juan</td>
    <td name="age">23</td>
    <td name="random">1990</td>
</tr>
<tr>
    <td name="name">Jonhatan</td>
    <td name="age">25</td>
    <td name="random">1980</td>
</tr>
<tr>
    <td name="name">Pete</td>
    <td name="age">20</td>
    <td name="random">1991</td>
</tr>

Javascript:

$(document).ready(function(){
    $('#output').html('OUTPUT: '+tableToJson('#mytable'));
});

function tableToJson(table){
    var AoA = $(table+' tr').map(function(){
        return [
            $('td',this).map(function(){
                return $(this).text();
            }).get()
        ];
    }).get();
    return JSON.stringify(AoA);
}

当前输出:

[["Juan","23","1990"],["Jonhatan","25","1980"],["Pete","20","1991"]]

需要的输出:

[
[{'name':"Juan"},{'age':"23"},{'random':"1990"}],
[{'name':"Jonhatan",{'age':"25"},{'random':"1980"}],
[{'name':"Pete"},{'age':"20"},{'random':"1991"}]
]

JsFiddle:
http://jsfiddle.net/j4x7pr2w/1/

Answer 1

function tableToJson(table){
    var AoA = $(table).find('tr').map(function(){
        var result = {};
        $('td',this).each(function(){
            var $this = $(this);
            result[$this.attr('name')] = $this.text();
        });
        return result;
    }).get();
    return JSON.stringify(AoA);
}