javascript - table表怎么生成对应的数组？

问题描述

问 题

怎么根据表格生成对应的数组，th=====td。

var array = [];
madearray = [{

商品编码:'12312312',
商品名称:'雨刮片',
商品分类:'11'

}]

下面的td有两个数据的时候怎么存比较好？

点击选择的时候生成对应的数组,传到insert到父页面

解决方案

说个思路 arr1 遍历th的值，arr2 遍历td的值，arr1作为key，arr2作为value
然后{}个对象，包进去，用Json格式对象可以做到，一般数据交互Json就可以了吧，如果不行再用Json转array，其他人有更好方法吗？

补充：
用另一种思路[].map.call( domList, ()=>{}} )写了个直接转成数组的demo，看看是不是你要的。
格式是：[{"name":"title","data":["2行1列","3行1列"]},{"name":"title".....]

<script  type="text/javascript">
    var table = document.querySelector('table');
    var data  = [];
    [].forEach.call( table.querySelectorAll('tr'), function(tr, i){
        var items = [].forEach.call( tr.querySelectorAll('td,th'), function(td, j) {
            if (i === 0 ) {
                data.push({name:td.textContent, data:[]})
            } else {
                data[j].data.push( td.textContent );
            }
        });
    })

    console.log(data);

 </script>

这篇关于javascript - table表怎么生成对应的数组？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！