首頁 >web前端 >前端問答 >es6怎麼去除字串前後空格

es6怎麼去除字串前後空格

青灯夜游
青灯夜游原創
2023-01-03 15:44:062795瀏覽

去除前後空格的兩種方法:1、直接使用trim()去除字串頭尾的空格符,語法「str.trim()」;2、先使用trimStart()去除頭部空格符,再使用trimEnd()消除尾部空格符,語法「str.trimEnd(str.trimStart())」。

es6怎麼去除字串前後空格

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

es6去除字串前後空格的方法

#1、使用trim()--去除字串頭尾的空格符

trim() 方法用於刪除字串的頭尾空白符,空白符包括:空格、製表符tab、換行符等其他空白符等。

說明:

  • trim() 方法不會改變原始字串。

  • trim() 方法不適用於 null, undefined, Number 類型。

範例:

var str = " hello  world "
console.log("原字符串:"+str+"!");
var newStr=str.trim();
console.log("新字符串:"+newStr+"!");

es6怎麼去除字串前後空格

#2、使用trimStart() trimEnd()--移除字串頭尾的空格符號

trimStart()和trimEnd()的行為與trim()一致,trimStart()消除字串頭部的空格,trimEnd()消除尾部的空格。它們傳回的都是新字串,不會修改原始字串。

const s = ’ abc ';
s.trim() // “abc”
s.trimStart() // "abc "
s.trimEnd() // " abc"

上面程式碼中,trimStart()只消除頭部的空格,保留尾部的空格。 trimEnd()也是類似行為。 

想要移除字串頭尾的空格符,就先使用trimStart()去除頭部空格,再使用trimEnd()消除尾部空格。

var str = " hello  world "
console.log("原字符串:"+str+"!");
var newStr=str.trimEnd(str.trimStart());
console.log("新字符串:"+newStr+"!");

es6怎麼去除字串前後空格

說明:

除了空白鍵,trimStart()和trimEnd()方法對字串頭部(或尾部)的tab鍵、換行符等不可見的空白符號也有效。 

瀏覽器也部署了額外的兩個方法,trimLeft()是trimStart()的別名,trimRight()是trimEnd()的別名。

【相關推薦:javascript影片教學web前端

以上是es6怎麼去除字串前後空格的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn