我想在扫描QR码时将数据打印为列表

Question

会有一个特殊的qr码，在这个qr码中会有顺序信息。当看到空格或符号(@)时，我可以在底线打印输入的qr码中的信息吗?

https://www.hizliresim.com/qc4feyi -----屏幕输出不理想

https://www.hizliresim.com/rkajsoy ----- Desired

https://www.hizliresim.com/lnd387j -----扫描时的进程和权限

Answer 1

使用n作为新行

alert("Color@100@42@1$".replace(/@/g, "@n"))

编辑后

const text = "Color@100@42@1$".replace(/@/g, "@<br />");
document.getElementById('text').innerHTML = text;

<div id="text" />

编辑后:添加标签

const data = '@Red@Pros@42@1$'.split('@');
const labels = ['Color', 'Shape', 'Weight', 'Price'];
let text = data.map((item, i) => (item ? `${labels[i]}:${item}` : item));
text = text.join('<br />');
document.getElementById('text').innerHTML = text;

<div id="text" />