# vue开发----关于字符串去除空格的方法



第一种：正则匹配

```html
str = str.replace(/\s*/g,''); // 去除字符串内所有的空格

str = str.replace(/^\s*|\s*$/g,''); // 去除字符串内两头的空格

str = str.replace(/^\s*/,''); // 去除字符串内左侧的空格

str = str.replace(/(\s*$)/g,''); // 去除字符串内右侧的空格
```

第二种：js trim()方法

```html
s = str.trim(); // 返回一个新字符串，去除字符串两端的空格

s = str.trimStart();
s = str.trimLeft(); // 返回一个新字符串，表示从其开头（左端）剥离空格的调用字符串。

s = str.trimEnd();
s = str.trimRight(); // 返回一个新字符串，表示从其（右）端剥去空白的调用字符串。
```

## vue判断input输入内容全是空格

问题：由于字符串内容为空的时候，会出输入空格通过的情况，因此在vue通过数组长度的方式进行判空；

逻辑：先把msg以空格拆分成数组，然后拼接起来，判断字符串的长度，如果长度为0，就是没有输入内容，如下：

```
 msg.split(" ").join("").length === 0
```

## Vue中可用的判断对象是否为空的方法，两种方法：

```
JSON.stringify(msg) === '{}'
Object.keys(msg).length === 0
```

## 去除空格的方法：

```
msg.trim(); //去掉首尾空格
msg.replace(" ",""); // 去除所有空格，包括首尾、中间
msg.replaceAll(" ", ""); // 去掉所有空格，包括首尾、中间
msg.replaceAll(" +","");  // 去掉所有空格，包括首尾、中间
msg.replaceAll("\\s*", ""); // 可以替换大部分空白字符， 不限于空格 ；
```

## 去除换行符：

```
str.replace(/\ +/g, ""); // 去除 空格
str.replace(/[\r\n]/g, ""); // 去除 换行符
```
