JS中循環(huán)字符串拼接時加換行問題
更新時間：2023年02月13日 08:46:33 作者：H夜幕降臨L
這篇文章主要介紹了JS中循環(huán)字符串拼接時加換行問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
JS循環(huán)字符串拼接時加換行
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)行末結束符是 ‘\r\n’
- Linux：統(tǒng)行末結束符是 ‘\n’
- Mac：系統(tǒng)行末結束符是 ‘\r’
關于軟 / 硬回車的擴展知識
- 硬回車：就是普通我們按回車產(chǎn)生的，它在換行的同時也起著段落分隔的作用。
- 軟回車：是用 Shift + Enter 產(chǎn)生的，它換行，但是并不換段，即前后兩段文字在 Word 中屬于同一“段”。在應用格式時你會體會到這一點。
軟回車能使前后兩行的行間距大幅度縮小，因為它不是段落標記，要和法定的段落標記——硬回車區(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ù)空格的 轉義字符。
const text = 'Hello\s\s\sWorld\s2021' text.replace(/\s/g, ' ');
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JS實現(xiàn)小球的彈性碰撞效果 ,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-11-11
下面小編就為大家?guī)硪黄P于JS變量和作用域詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
javascript結合canvas實現(xiàn)圖片旋轉效果
圖片的旋轉可以說是一種效果，但是逐漸旋轉已經(jīng)不單單是屬于視覺效果那個范疇，其更具有使用性，功能性。照片有時候是需要橫過來的拍的，當我們預覽或共享到web上時需要進行旋轉。這個操作在以往可能更多的是交給軟件去完成，然后再將旋轉到正常角度的圖片發(fā)布到web上。2015-05-05
本文主要介紹了Layui實現(xiàn)多條件查詢，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
indexOf()函數(shù)用于查找子字符串在當前字符串中第一次出現(xiàn)的位置。該函數(shù)屬于String對象，所有主流瀏覽器均支持該函數(shù)。下面我們就來詳細探討下javascript的index0f()函數(shù)2015-05-05
清空代碼防止查看源代碼的js代碼...2007-07-07
這篇文章主要介紹了如何基于viewport vm適配移動端頁面,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
javascript函數(shù)劫持，也就是老外提到的javascript hijacking技術。雖然這個概念在前端領域使用較少，但是在安全領域、自定義業(yè)務等場景下還是有一定的使用價值的。所以，這一篇文章將會和大家一起去了解一下JS中的函數(shù)劫持是什么，有什么作用，下面來一起看看吧。2016-09-09
在Web開發(fā)中,經(jīng)常需要從URL中提取參數(shù)來進行相應的操作,本文將深度解析在JavaScript中獲取URL參數(shù)的幾種方法,并附帶一些擴展與高級技巧,希望對你有所幫助2024-09-09
這篇文章主要介紹了js 執(zhí)行上下文和作用域的相關知識總結，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-02-02