js字符串处理 每三位加一个空格
JavaScript（JS）是一门广泛应用于网页前端开发的脚本语言。在web页面中，字符串的处理是十分常见的操作。其中，每三位字符加一个空格是一个经常需要处理的问题，特别是在数字的表示中。在本文中，我们将从多个角度介绍JavaScript字符串处理中每三位字符加空格的方法。
一、使用正则表达式
在JS中，正则表达式是字符串处理的重要工具。该方法使用正则表达式(\d{1,3})(?=(\d{3})+$)来匹配每三位数字，使用replace()函数将每个匹配字符串中间加上一个空格。
代码实现：
```
function formatNumber(num) {
return num.toString().replace(/\d{1,3}(?=(\d{3})+$)/g, (n) => n + ' ');
}
```
二、使用toLocaleString()
toLocaleString() 是JavaScript 提供的一种用来格式化数字、日期和货币的函数。 它可以根据宿主环境把数字格式化成相应的格式。其中，方法中的参数locales用来设置地区，options用来设置格式化的方式。可以通过replace()函数将“,”替换成空格。
代码实现：
```
function formatNumber(num) {
return num.toLocaleString('en-US').replace(",", " ");
}
```
三、使用正则表达式和toLocaleString()的组合
该方法结合了前两种方法的优势，先使用toLocaleString()函数将数值转成有逗号的字符串，再通过正则表达式将逗号替换成空格。
代码实现：
```
function formatNumber(num) {
return num.toLocaleString().replace(/,/g, ' ');
}
```
四、使用数组分割
该方法将数值转成字符串，再将字符串转成数组。通过循环每3个字符的数组段，将其之间拼接一个空格。然后再将其转回字符串形式，最后返回处理后字符串。
代码实现：
```
function formatNumber(num) {
const str = num.toString();
const arr = str.split('');
let res = '';
for(let i = 0, len = arr.length; i < len; i++) {
res += arr[i];
if((i + 1) % 3 === len % 3 && i !== len - 1) {
res += ' ';
}
}
return res;
}
```
五、使用逆序循环
该方法也是很多开发者常用的一种方式。该方法会将数值转成字符串，然后通过字符串逆序循环，每遍历3个字符，就在其后加上一个空格。最后再将字符串逆序回来，即可得到结果。
代码实现：
```
function formatNumber(num) {
const str = num.toString();
let res = '';
for(let i = str.length - 1, j = 1; i >= 0; i--, j++) {
res = str.charAt(i) + res;
if((j % 3) === 0 && i !== 0) {
res = ' ' + res;
}
}
return res;
}
```
综上所述，JS字符串处理中每三位字符加空格有多种实现方式，如正则表达式、toLocaleString()、正则表达式与toLocaleString()的组合、数组分割以及逆序循环等方法。不同的方式各有优劣，开发者可以根据需求选择其中一种实现。在实际开发中，能够选择实现较简单，代码量较少且易于维护的方法即可。
