第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

javascript 數(shù)組 遍歷成table

javascript 數(shù)組 遍歷成table

慕桂英3389331 2019-03-19 17:15:18
如果將一個多維數(shù)組遍歷成一個table?`var arr = [{id: "1",name:"11",comment:"1"},{id: "2",name:"22",comment:"22"},{id: "333",name:"333",comment:"333"}];最終效果是如下圖
查看完整描述

3 回答

?
PIPIONE

TA貢獻1829條經(jīng)驗 獲得超9個贊

這真的不是我想說的。`// 首先,我們將你的對象 arr


var len = arr.length;

for(var i = 0 ;i < len;i++){

    for(var key in arr[i]){

        console.log(key);

        console.log(arr[i][key]);

    }

    

}

`

試一試?


查看完整回答
反對 回復 2019-04-03
?
繁星淼淼

TA貢獻1775條經(jīng)驗 獲得超11個贊

給你寫個


 var arr = [{id: "1",name:"11",comment:"1"},{id: "2",name:"22",comment:"22"},{id: "333",name:"333",comment:"333"}];

var str=`

        <table border="4">

            <thead>

                <tr>

                    <th>id</th><th>name</th><th>comment</th></tr>

            </thead>

            <tbody>

            ${

                arr.map(o => {

                    return `<tr>

                                <td>${o.id}</td>

                                <td>${o.name}</td>

                                <td>${o.comment}</td>

                            </tr>`

                }).join('')

            }

            </tbody>

         </table>

         `

document.querySelector('#table-wrap').innerHTML=str

實際效果


查看完整回答
反對 回復 2019-04-03
  • 3 回答
  • 0 關注
  • 910 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號