Javascript 页面上的table表格 根据数组中的属性 按照每一行提取 形成新的对象数组

话不多说 上代码

<table id="biao" border="1" style="width: 400px;">
        <tr >
            <td>序号</td>
            <td>性别</td>
            <td>爱好</td>
            <td>备注</td>
        </tr>
        <tr>
            <td>1</td>
            <td>男</td>
            <td>唱歌</td>
            <td>a</td>
        </tr>
        <tr>
            <td>2</td>
            <td>女</td>
            <td>跳舞</td>
            <td>a</td>
        </tr>
        <tr>
            <td>3</td>
            <td>男</td>
            <td>篮球</td>
            <td>a</td>
        </tr>
    </table>

 

 js部分

var arr = ['xh', 'xingbie', "hobby", 'note']
var json = "[" + $("#biao").find("tr").map(function (i, e) {
            return "{" + $(e).children("td").map(function (j, el) {
                return '"' + arr[j] + '"' + ':"' + $(el).html() + '"';
            }).get().join(",") + "}";
        }).get().join(",") + "]";
        json = JSON.parse(json)
        console.log(json);

结果如图