快捷導航

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

更新時間：2022年07月27日 09:42:45 作者：_Dream?maker

我們在使用字符串時經(jīng)常會遇到換行問題,下面這篇文章主要給大家介紹了關(guān)于js字符串中空格和換行符(\r,\s,\n,\r\n)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

一、換行，回車

換行回車在不同操作系統(tǒng)下的含義

以下均為單擊 Enter 鍵產(chǎn)生

Windows：系統(tǒng)行末結(jié)束符是 ‘\r\n’
Linux：統(tǒng)行末結(jié)束符是 ‘\n’
Mac：系統(tǒng)行末結(jié)束符是 ‘\r’

關(guān)于軟 / 硬回車的擴展知識

硬回車：就是普通我們按回車產(chǎn)生的，它在換行的同時也起著段落分隔的作用。
軟回車：是用 Shift + Enter 產(chǎn)生的，它換行，但是并不換段，即前后兩段文字在 Word 中屬于同一“段”。在應(yīng)用格式時你會體會到這一點。

軟回車能使前后兩行的行間距大幅度縮小，因為它不是段落標記，要和法定的段落標記——硬回車區(qū)別出來。硬回車的html代碼是<p>…</p>，段落的內(nèi)容就夾在里面，而軟回車的代碼很精悍：<br/>。網(wǎng)頁的文字如果復制到word中，則硬回車變?yōu)閺澢募^(↵)，軟回車變?yōu)橄蛳碌募^(↓)。

js 字符串中的字符替換

將字符串中的換行符替換成在HTML中正確顯示換行的的 <br/> 換行標簽。

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

二、空白符

js 字符串中的字符替換

將字符串中的空格符替換成HTML中正確顯示連續(xù)空格的 轉(zhuǎn)義字符。

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

補充：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;
}