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