JS中循環(huán)字符串拼接時(shí)加換行問題
更新時(shí)間：2023年02月13日 08:46:33 作者：H夜幕降臨L
這篇文章主要介紹了JS中循環(huán)字符串拼接時(shí)加換行問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
JS循環(huán)字符串拼接時(shí)加換行
var importantItemsStr = "";
for(var i=0;i<array.length;i++){
importantItemsStr += (data[i].importantItems+ "\n");
}JS字符串中的空格、換行符(\r,\s,\n,\r\n)
換行，回車
換行回車在不同操作系統(tǒng)下的含義
以下均為單擊 Enter 鍵產(chǎn)生
- Windows：系統(tǒng)行末結(jié)束符是 ‘\r\n’
- Linux：統(tǒng)行末結(jié)束符是 ‘\n’
- Mac：系統(tǒng)行末結(jié)束符是 ‘\r’
關(guān)于軟 / 硬回車的擴(kuò)展知識(shí)
- 硬回車：就是普通我們按回車產(chǎn)生的，它在換行的同時(shí)也起著段落分隔的作用。
- 軟回車：是用 Shift + Enter 產(chǎn)生的，它換行，但是并不換段，即前后兩段文字在 Word 中屬于同一“段”。在應(yīng)用格式時(shí)你會(huì)體會(huì)到這一點(diǎn)。
軟回車能使前后兩行的行間距大幅度縮小，因?yàn)樗皇嵌温錁?biāo)記，要和法定的段落標(biāo)記——硬回車區(qū)別出來。硬回車的html代碼是<p>…</p>，段落的內(nèi)容就夾在里面，而軟回車的代碼很精悍：<br/>。 網(wǎng)頁的文字
如果復(fù)制到word中，則硬回車變?yōu)閺澢募^(↵)，軟回車變?yōu)橄蛳碌募^(↓)。
js 字符串中的字符替換
將字符串中的換行符替換成在HTML中正確顯示換行的的 <br/> 換行標(biāo)簽。
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, ' ');
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
IE6-8中Date不支持toISOString的修復(fù)方法
這篇文章主要介紹了IE6-8中Date不支持toISOString的修復(fù)方法,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了js簡單判斷flash是否加載完成的方法,通過PercentLoaded方法對(duì)flash的加載進(jìn)行判斷,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
原生JavaScrpit中異步請(qǐng)求Ajax實(shí)現(xiàn)方法
這篇文章主要介紹了原生JavaScrpit中異步請(qǐng)求Ajax實(shí)現(xiàn)方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11![javascript中new Array()和var arr=[]用法區(qū)別](http://img.jbzj.com/images/xgimg/bcimg3.png)
javascript中new Array()和var arr=[]用法區(qū)別
給大家分析一下在javascript中數(shù)組函數(shù)new Array()和var arr=[]用法區(qū)別，一起跟著學(xué)習(xí)一下吧。2017-12-12
這篇文章主要介紹了JS獲取地址欄參數(shù)的兩種方法(原生、vue),文中通過代碼示例講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部下拉菜單欄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
javascript 實(shí)現(xiàn)字符串反轉(zhuǎn)的三種方法
這篇文章主要介紹了javascript 實(shí)現(xiàn)字符串反轉(zhuǎn)的三種方法，有需要的朋友可以參考一下2013-11-11
關(guān)于JS中setTimeout()無法調(diào)用帶參函數(shù)問題的解決方法
這篇文章主要介紹了關(guān)于JS中setTimeout()無法調(diào)用帶參函數(shù)問題的解決方法,提供了2種解決方法供大家對(duì)比參考,需要的朋友可以參考下2016-06-06
如何實(shí)現(xiàn)動(dòng)態(tài)刪除javascript函數(shù)
如何實(shí)現(xiàn)動(dòng)態(tài)刪除javascript函數(shù)...2007-05-05
這篇文章主要介紹了uni-app中使用renderjs的詳細(xì)步驟,RenderJS是一種可以直接運(yùn)行在視圖層（webview）中的JavaScript技術(shù),用于優(yōu)化大量DOM操作的性能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-12-12