Javascript 每行都用li包裹

这就是我如何将textarea元素的内容拆分为br行以显示：

function linebreak(string) {
    return string.replace(/(?:\r\n|\r|\n)/g, '<br />');
}

…得到

Line 1<br>
Line 2<br>

我会这样做：

let result = '';
string.split('\n').forEach(function(line) {
    result += '<li>' + line + '</li>';
});
return result;

但这是正确的方法吗？

您可以使用和方法使其成为一个线性

return string.split('\n').map(function(line) { return '<li>' + line + '</li>'; }).join('');

您可以使用和方法使其成为一个线性

return string.split('\n').map(function(line) { return '<li>' + line + '</li>'; }).join('');

现在，您可以使用将值拆分为数组，然后根据需要将每个值包装为span/li

函数wrapValue{ var string=document.getElementByIdtextarea.value //附加到ul document.getElementByIdmyList.innerHTML=linebreakstring； } 函数linebreakstring{ 返回字符串。拆分'\n' .约化函数c，n{ 返回c++n+“” }, } Clic 现在，您可以使用将值拆分为数组，然后根据需要将每个值包装为span/li

函数wrapValue{ var string=document.getElementByIdtextarea.value //附加到ul document.getElementByIdmyList.innerHTML=linebreakstring； } 函数linebreakstring{ 返回字符串。拆分'\n' .约化函数c，n{ 返回c++n+“” }, } Clic 您也可以尝试string.replace

函数getLIsstr{ return+str.replace/\n/g，+； } var str=第1行\n第2行\n第3行； document.getElementByIdcontent.innerHTML=getLIsstr； 您也可以尝试string.replace

函数getLIsstr{ return+str.replace/\n/g，+； } var str=第1行\n第2行\n第3行； document.getElementByIdcontent.innerHTML=getLIsstr；

---

可以将任何非换行符序列替换为。。。。请注意，这也会忽略空行：

变量文本='第一行\n第二行\r\n\r\n网格\n\n\n' html=text.replace/[^\r\n]+/g，'$&'；

---

console.loghtml您可以将任何非换行符序列替换为。。。。请注意，这也会忽略空行：

变量文本='第一行\n第二行\r\n\r\n网格\n\n\n' html=text.replace/[^\r\n]+/g，'$&'；

---

console.loghtmlt这种方法没有错。另外，如果您的代码运行良好，并且这个问题的目的是为了改进，那么itreturn string.split'\n'.mapfunctionline{return+line+；}.join@user3142695 Pranav C Balan方法是非常好的return+string.split'\n'.join+；这种方法没有错。另外，如果您的代码运行良好，并且这个问题的目的是为了改进，那么itreturn string.split'\n'.mapfunctionline{return+line+；}.join@user3142695 Pranav C Balan方法是非常好的return+string.split'\n'.join+；

return string.split('\n').map(function(line) { return '<li>' + line + '</li>'; }).join('');

return '<li>' + string.split('\n').join('</li><li>') + '</li>';