如果javascript中的数据超过2，则拆分数据

我正在检索以下数据

╔════╦══════════════╦
║ id ║ group_concat ║
╠════╬══════════════╬
║  2 ║ a            ║
║  3 ║ a,a          ║
║  4 ║ a,a,a        ║
╚════╩══════════════╩

在我的前端表上，我想显示如下

╔════╦══════════════╦
║ id ║ group_concat ║
╠════╬══════════════╬
║  2 ║ a            ║
║  3 ║ a            ║
║    ║ a            ║
║  4 ║ a            ║
║    ║ a            ║
║    ║ a            ║
╚════╩══════════════╩

这是我试过的。但似乎不对

var fields = data.split(',');
console.log(fields[0]);
return data;

---

有什么建议吗？提前感谢

如果您想要一个实际的html表格，可以执行以下操作：

//示例数据
常数数据=[
“a”，“b，b”，“c，c，c”
];
//获取元素
const table=document.querySelector（'table'）；
//将数据中的每个项转换为数组，例如。
//数据=['a']、['b'、['b']、['c'、'c'、'c']]
const asarray=data.map（item=>item.split（'，'）；
//用于将值追加到表中的便利函数
常量appendRow=（值，索引）=>{
const tr=document.createElement（'tr'）；
tr.innerHTML=`${index}${value}`
表1.儿童（tr）；
}
//映射数组的数组
阿萨雷斯·弗雷奇(
（items，index）=>（//索引是外部数组的
items.forEach（//迭代内部数组
//省略外部索引，除非它是该索引的第一项
（x，i）=>appendRow（x，i==0？索引：“”）
)
)
);

---

您的

数据

对象是什么样子的？就像javascript中的图

data.replace（/，/g，“
”）

对不起，你的问题到底是什么？如果javascript中有2个以上的数据，你们能痛斥一下拆分数据是什么意思吗？很好的图表！留着吧。。。缺少的是数据结构格式（json、object…）！感谢您的反馈！如果从

appendRow（）

（随后应重命名）返回一个字符串，并将

.forEach（）

替换为

.map（）

调用，则可以使用

.insertAdjacentHTML（）

只修改DOM一次，而不是每行修改一次。像这样的：很公平。与其说是生产准备解决方案，不如说是如何解决问题的示例。我使用React这么久了，我的DOM js有点生锈了。