javascript - 用 li 包裹每一行

Question

这就是我将 textarea 元素的内容拆分为 br 行以进行显示的方式:

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

所以这个字符串...

Line 1\nLine 2

...得到...

Line 1<br>
Line 2<br>

但现在我需要将每一行包装成一个 li 元素。结果应该是:

<li>Line 1</li>
<li>Line 2</li>

我会这样做:

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

但这是正确的方法吗？

Answer 1

您可以用 <li>...</li> 替换任意序列的非换行符.请注意，这也会忽略空行:

var text = 'first line\nsecond line\r\n\r\nthrid\n\n\n'
html = text.replace(/[^\r\n]+/g, '<li>$&</li>');
console.log(html)