如何使用 split () 拆分字符串以获得 table

Question

如何划分这个字符串，在行和列中正确生成一个table？

用split()只能拆分一次

var text = "JOHN , MAILMAN , 10,59 | MARY , MAILMAN , 15,19 | RICK , SHOPPER , 1,57"

document.getElementById("tab").innerHTML =   "<table border='1px'><tr>              <th>Name</th><th>Work</th><th>Value</th></td><tr><td style='text-align:center'>" + text.split(" | ").join("</td><tr></tr><td style='text-align:center'>") + "</td></tr><table>"

      <div id="tab">

      </div>

Answer 1

您需要进行内部拆分并为每个部分取标签。

var text = "JOHN , MAILMAN , 10,59 | MARY , MAILMAN , 15,19 | RICK , SHOPPER , 1,57",
    style = ['text-align: center;', 'text-align: center;', 'text-align: right;']
    data = text
        .split(' | ')
        .map(row => row
            .split(' , ')
            .map((cell, i) => `<td style="${style[i]}">${cell}</td>`)
            .join('')
        )
        .map(row => `<tr>${row}</tr>`)
        .join('');

document.getElementById("tab").innerHTML = "<table border='1px'><tr><th>Name</th><th>Work</th><th>Value</th></td>" +data + "<table>";

<div id="tab">
</div>

如何使用 split () 拆分字符串以获得 table

How to split a string with split () for a table

javascript

split

html-table