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

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

javascript循環(huán)數(shù)組和對象數(shù)據(jù)在一張表中

javascript循環(huán)數(shù)組和對象數(shù)據(jù)在一張表中

長風(fēng)秋雁 2022-06-09 18:24:52
我有數(shù)組和對象數(shù)據(jù)，我想將它們一起調(diào)用。var data = [{"number": "PA1234","name": "John"},{"number": "JM344","name": "jessi"},{"number": "ML567","name": "Monty"}];var costing= {"cost": 10,"cost": 20,"cost": 30,};表格顯示格式<pre><table><tr><td>number</td><td>name</td><td>cost</td></tr></table><pre>到目前為止我已經(jīng)完成了，但不知道如何調(diào)用對象成本核算var records=$("<table/>").attr("id","tabs");$("#table").append(records);for(var j=0;j<data .length;j++){  var tr="<tr>";  var td1="<td>"+data [j]["number"]+"</td>";  var td2="<td>"+data [j]["name"]+"</td>";  $("#tabs").append(tr+td1+td2+td3); }
查看完整描述

2 回答

?
哆啦的時(shí)光機(jī)

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個贊

<!DOCTYPE html>

<html>

    <head>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

        <title>


        </title>

        <style>

            #t, tr, th, td{

                border: 1px solid black;

            }

        </style>

    </head>

    <body>

        <table id="t" cellpadding="10">

            <tr>

                <th>

                    Number

                </th>

                <th>

                    Name

                </th>

                <th>

                    Cost

                </th>

            </tr>

        </table>

    </body>

    <script>

        var number = ['PA1234', 'JM344', 'ML567'], name = ['John', 'Jessi', 'Monty'], costing = [30, 30, 30];

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

            $("#t").append('<tr><td>' + number[i] + '</td><td>' + name[i] + '</td><td>' + costing[i] + '</td></tr>');

        }

    </script>

</html>


查看完整回答
反對 回復(fù) 2022-06-09
?
HUWWW

TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個贊

不得不用你的第二個對象改變一些東西，成本。我認(rèn)為您不能在不同的值上使用相同的鍵名，您將無法迭代它們。現(xiàn)在你可以做兩種方法：


 var data = [

    {"number": "PA1234","name": "John"},

    {"number": "JM344","name": "jessi"},

    {"number": "ML567","name": "Monty"}

];


var costing = {

"cost0": 10,

"cost1": 20,

"cost2": 30,

};


document.addEventListener("DOMContentLoaded", () => {


    const place = document.getElementById("place").firstElementChild

    const table = document.createElement("table")


    for(let i = 0; i < data.length; i++){

        let tr = document.createElement("tr")


        let tdNumber = document.createElement("td")

        let tdName = document.createElement("td")

        let tdCost = document.createElement("td")


        tdNumber.innerText = data[i].number

        tdName.innerText = data[i].name

        tdCost.innerText = costing["cost"+i]


        tr.appendChild(tdNumber)

        tr.appendChild(tdName)

        tr.appendChild(tdCost)


        table.appendChild(tr)



    } 


    place.appendChild(table)


})

但是我個人會將您的成本核算對象更改為：


 var costing2 = [

    10,20,30

]

并將for循環(huán)更改為：


for(let i = 0; i < data.length; i++){

    let tr = document.createElement("tr")


    let tdNumber = document.createElement("td")

    let tdName = document.createElement("td")

    let tdCost = document.createElement("td")


    tdNumber.innerText = data[i].number

    tdName.innerText = data[i].name

    tdCost.innerText = costing2[i]


    tr.appendChild(tdNumber)

    tr.appendChild(tdName)

    tr.appendChild(tdCost)


    table.appendChild(tr)



} 

where place 是 html 中 div 標(biāo)簽的位置。不是最好的解決方案，但它可以工作，如果你想要的話，也可以放下 html 代碼：


<html>

    <head>

        <script src="./file.js"></script>

    </head>


    <body>

        <div id="place">

            <pre>


            </pre>

        </div>


    </body>

</html>


查看完整回答
反對 回復(fù) 2022-06-09
  • 2 回答
  • 0 關(guān)注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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