站長資訊網(wǎng)
兩種實現(xiàn)方法：1、利用trim()函數(shù)，可去除字符串開始和末尾處的所有空白字符（換行符、空格和制表符），語法“$.trim(指定字符串)”。2、利用replace()函數(shù)配合正則表達式將首尾空格替換為空字符，語法“指定字符串對象.replace(/^s+|s+$/g, "")”。
前端（vue）入門到精通課程：進入學習
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。
方法1：利用trim()函數(shù)去除
$.trim() 函數(shù)用于去除字符串兩端的空白字符。
$.trim( str )
注意：$.trim()函數(shù)會移除字符串開始和末尾處的所有換行符，空格(包括連續(xù)的空格)和制表符。如果這些空白字符在字符串中間時，它們將被保留，不會被移除。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(function() { var str = " lots of spaces before and after "; console.log(str); console.log($.trim(str)); }) </script> </head> <body> </body> </html>
方法2：利用replace() 函數(shù)配合正則表達式去除
replace() 函數(shù)用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。
stringObject.replace(regexp/substr,replacement)
| 參數(shù) | 描述 |
|---|---|
| regexp/substr |
必需。規(guī)定子字符串或要替換的模式的 RegExp 對象。 請注意，如果該值是一個字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉換為 RegExp 對象。 |
| replacement | 必需。一個字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。 |
只需要利用正則表達式匹配首尾空格，并將其替換為空字符即可。
使用到的正則表達式：
/^s+|s+$/g
語法：
str.replace(/^s+|s+$/g, "");
-
//之間的是正則，后面的g表示全局匹配 -
^s+去掉開頭的空格。^表示開頭，s是空格，+匹配1或多個字符，所以這里的意思就是匹配開頭的1或多個空格 -
s+$去掉結尾的空格。$表字符串結尾，表示匹配結尾的1或多個空格， -
中間的
|表示匹配左邊或者右邊的正則，所以一個字符串只要開頭或結尾有空格，空格的部分就會被匹配到
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(function() { var str = " lots of spaces before and after "; console.log(str); console.log(str.replace(/^s+|s+$/g, "")); }) </script> </head> <body> </body> </html>
【推薦學習：jQuery視頻教程、web前端視頻】
