显示表-等同于Vanilla JS

Question

表格内容示例：

• 层板1：项目12
• 层板2：项目11
• 层板3：项目10
• 层板4：项目09
• 层板5：项目08
• 层板6：项目07
• 货架7：项目06
• 层板8：项目05
• 层板9：项目04
• 层板10：项目03
• 层板11：项目02

• 层板12：项目01

  通过调用以下函数来显示货架和物品配对：

  displayShelfItemPair(shelfName, itemName);

码

const displayShelfItemPair = (shelfName, itemName) => {

 return shelfName.map((shelf, item) => {
  return (
    <table>
    <tr>
      <td>{shelf.shelfName}</td>
      <td>{item.itemName}</td>
    </tr>
    </table>
  )
 })
}

JS等效物/可能是什么？ 我想在表格中显示它们。

Answer 1

这是您可以从普通的JS函数输出<table>方法。

function displayShelfItemPair(shelfName, itemName){
    var table = '<table>';
    for(var i = 0; i < shelfName.length; i++)
        table += '<tr><td>' + shelfName[i] + '</td><td>' + itemName[i] + '</td></tr>';
    table += '</table>';
    return table;
}

您可以将此表放在div （在这种情况下， id = "result" ）中，例如，

document.getElementById('result').innerHTML = displayShelfItemPair(shelfName, itemName);

<div id="result"></div>