js字符串空格和换行符

一、换行，回车

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

以下均为单击 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, ' ');

补充：js字符串指定位置换行

function huanhang(_str){    
  var str = _str, result = "";
                    var n=10;//指定第n位换行
  for(var i=0,len=str.length;i<len;i++){
  
      result += str[i];
      if((i+1) % n== 0)
      result += "\r\n";
  }
  return result;
}

总结