后端回傳資料如下
[{
"OrgID": 8652,
"Name": "城北東區步行街",
"Value": "0",
"Sub": [{
"OrgID": 8653,
"Name": "1號樓A單元",
"Value": "0",
"Sub": [{
"OrgID": 8654,
"Name": "A301",
"Value": "0",
"Sub": [{
{
"OrgID": 8655,
"Name": "A302",
"Value": "0",
"Sub": []
}
}]
}, {
"OrgID": 8655,
"Name": "A302",
"Value": "0",
"Sub": []
}, {
"OrgID": 8656,
"Name": "A401",
"Value": "0",
"Sub": []
}
}](嵌套層級不固定)
需求表格樣式 如下：
uj5u.com熱心網友回復：
求JS大佬們 幫幫忙
急。回傳資料Sub為嵌套的欄位
uj5u.com熱心網友回復：
頂頂頂頂求幫幫忙！uj5u.com熱心網友回復：
頂頂頂頂求幫幫忙！uj5u.com熱心網友回復：
<table border="1px solid #ccc" width='500'><tr>
<td>
id
</td>
<td>
Name
</td>
<td>
Value
</td>
</tr>
<tr>
<table id="table" border="1px solid #ccc" width='500'></table>
</tr>
</table>
<script>
var data = [{
"OrgID": 8652,
"Name": "城北東區步行街",
"Value": "0",
"Sub": [{
"OrgID": 8653,
"Name": "1號樓A單元",
"Value": "0",
"Sub": [{
"OrgID": 8654,
"Name": "A301",
"Value": "0",
"Sub": [{
"OrgID": 8655,
"Name": "A302",
"Value": "0",
"Sub": []
}]
}]
},
{
"OrgID": 8653,
"Name": "1號樓A單元",
"Value": "0",
"Sub": [{
"OrgID": 8654,
"Name": "A301",
"Value": "0",
"Sub": [{
"OrgID": 8655,
"Name": "A302",
"Value": "0",
"Sub": []
}]
}]
}]
}]
var Sub = data[0].Sub;
console.log(Sub)
var str = '';
Sub.forEach(function (item, index) {
str += `
<tr>
<td>
${item.OrgID}
</td>
<td>
${item.Name}
</td>
<td>
${item.Value}
</td>
</tr>
`
})
var table = document.querySelector('#table');
table.innerHTML = str
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/115639.html
標籤：JavaScript
上一篇：ECharts關系圖配置，求教
下一篇：vscode開發軟體