紀錄工作經驗、相關知識,解決技術相關問題。

HTML, Javascript, React, 工作雜談, 新手 Jamp Holes, 未分類, 網站相關

JS 如何去除字串前後空白、空格與換行

開發在串接資料時,資料來源很多時候會有 HTML 格式,其中包含常見的空白、\n、\r、\s,這邊記錄一下如何透過 JS 對字串相關符號進行過濾,下面提供工作上最常碰到三個情境與做法,新手可根據自己開發需求,直接 copy 程式碼使用。

去除前後空白

js已經有提供指令,可以直接進行字串前後空白的過濾:

const str = ' aaa '

console.log( str.trim() )

// output:"aaa"

去除空格與換行

去除空格與換行,可以直接使用 replace 進行字串替換:

const str = ' aaa\n\n\r\nbbb '

str.replace(/\r\n|\n/g,"");
str.replace(/\s+/g, "");

console.log(str)

//output: ' aaabbb '

去除前後空白 + 字串間的空格與換行

const str = ' aaa\n\n\r\nbbb '

str.replace(/\r\n|\n/g,"");
str.replace(/\s+/g, "");

console.log( str.trim() )

//output: 'aaabbb'

將上方兩者直接合起來使用即可,如下:

發表迴響