js字符串中空格和换行符(\r,\s,\n,\r\n)浅析

目录

• 一、换行，回车
• 二、空白符
• 补充：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;
}

总结

到此这篇关于js字符串中空格和换行符(\r,\s,\n,\r\n)的文章就介绍到这了,更多相关js字符串空格和换行符内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！