如何避免JavaScript循环拼接字符串时自动添加换行符的问题？

本文共计599个文字，预计阅读时间需要3分钟。

目录 + 使用JS循环字符串拼接时添加换行 + 将JS字符串中的空格、换行符替换为换行 + 换行，回车，空格，总结 + 使用JS循环字符串拼接时添加换行 + var importantItemsStr=; + for(var i=0; i

目录

• JS循环字符串拼接时加换行
• JS字符串中的空格、换行符(\r,\s,\n,\r\n)
• 换行，回车
• 空白符
• 总结

JS循环字符串拼接时加换行

var importantItemsStr = ""; for(var i=0;i<array.length;i++){ importantItemsStr += (data[i].importantItems+ "\n"); }

JS字符串中的空格、换行符(\r,\s,\n,\r\n)

换行，回车

换行回车在不同操作系统下的含义

以下均为单击 Enter 键产生

• Windows：系统行末结束符是 ‘\r\n’
• Linux：统行末结束符是 ‘\n’
• Mac：系统行末结束符是 ‘\r’

关于软 / 硬回车的扩展知识

• 硬回车：就是普通我们按回车产生的，它在换行的同时也起着段落分隔的作用。
• 软回车：是用 Shift + Enter 产生的，它换行，但是并不换段，即前后两段文字在 Word 中属于同一“段”。在应用格式时你会体会到这一点。

软回车能使前后两行的行间距大幅度缩小，因为它不是段落标记，要和法定的段落标记——硬回车区别出来。硬回车的html代码是<p>…</p>，段落的内容就夹在里面，而软回车的代码很精悍：<br/>。 网页的文字

如果复制到word中，则硬回车变为弯曲的箭头(↵)，软回车变为向下的箭头(↓)。

js 字符串中的字符替换

将字符串中的换行符替换成在HTML中正确显示换行的的 <br/> 换行标签。

const text = 'Hello World\r\n2021' text.replace(/(\n|\r|\r\n|↵)/g, '<br/>')

空白符

js字符串中的字符替换

将字符串中的空格符替换成HTML中正确显示连续空格的 转义字符。

const text = 'Hello\s\s\sWorld\s2021' text.replace(/\s/g, '&nbsp;');

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持自由互联。