js去掉空格方法-简单一行原生js代码实现

野性酷女 2022-01-31 11:57 304阅读 0赞

##### str为要去除空格的字符串: #####

###### 1、去掉所有空格 ######

str=str.replace(/\s+/g,"");   
    //js去掉所有空格 \s表示查找空格带上加好表示连续的空格

![js去除所有空格][js]

###### 2、js去掉两头空格 ######

str=str.replace(/^\s+|\s+$/g,"");//js去掉两头空格

![js去除两头空格][js 1]

##### 3、js去掉左空格 #####

str=str.replace( /^\s*/, ''); //js去掉左空格

![js去除左空格][js 2]

##### 4、js去掉右空格 #####

str=str.replace(/(\s*$)/g, "");   //js去掉右空格

![js去除右空格][js 3]

###### 以上就是js去掉空格的这种方法，觉得不错的可以加q群讨论一下，群里还有很多学习资源免费分享：682783851 ######

##### 对正则感兴趣的朋友，我们可以了解一下基本的正则表达式规则 #####

###### 正则表达式修饰符 ######

###### 修饰符 可以在全局搜索中不区分大小写: ######

<table> 
 <thead> 
  <tr> 
   <th>修饰符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>i</td> 
   <td>执行对大小写不敏感的匹配。</td> 
  </tr> 
  <tr> 
   <td>g</td> 
   <td>执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。</td> 
  </tr> 
  <tr> 
   <td>m</td> 
   <td>执行多行匹配。</td> 
  </tr> 
 </tbody> 
</table>

##### 正则表达式模式 #####

###### 方括号用于查找某个范围内的字符： ######

<table> 
 <thead> 
  <tr> 
   <th>表达式</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>[abc]</td> 
   <td>查找方括号之间的任何字符。</td> 
  </tr> 
  <tr> 
   <td>[0-9]</td> 
   <td>查找任何从 0 至 9 的数字。</td> 
  </tr> 
  <tr> 
   <td>(x|y)</td> 
   <td>查找任何以 | 分隔的选项。</td> 
  </tr> 
 </tbody> 
</table>

###### 元字符是拥有特殊含义的字符： ######

<table> 
 <thead> 
  <tr> 
   <th>元字符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>\d</td> 
   <td>查找数字。</td> 
  </tr> 
  <tr> 
   <td>\s</td> 
   <td>查找空白字符。</td> 
  </tr> 
  <tr> 
   <td>\b</td> 
   <td>匹配单词边界。</td> 
  </tr> 
  <tr> 
   <td>\uxxxx</td> 
   <td>查找以十六进制数 xxxx 规定的 Unicode 字符。</td> 
  </tr> 
 </tbody> 
</table>

###### 量词: ######

<table> 
 <thead> 
  <tr> 
   <th>元字符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>n+</td> 
   <td>匹配任何包含至少一个 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>n*</td> 
   <td>匹配任何包含零个或多个 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>n?</td> 
   <td>匹配任何包含零个或一个 n 的字符串。</td> 
  </tr> 
 </tbody> 
</table>

###### 正则文章：[正则表达式教程参考][Link 1] ######

[js]: /images/20220131/1aef7047846943768de780b720b9e51a.png
[js 1]: /images/20220131/d6389688af0e4a5a8bcd099db8cf1e48.png
[js 2]: /images/20220131/acbb2428180940da8f62fb0343daff98.png
[js 3]: /images/20220131/5b32915d71f943089cb8220b8eda2ccb.png
[Link 1]: https://blog.csdn.net/qq_35616850/article/details/78679288