JS去掉字符串前后空格或去掉所有空格的用法

在Web开发中，我们常常需要进行字符串操作，其中包括去掉字符串的空格，这样可以方便地对数据进行处理。本文将介绍如何使用JavaScript去掉字符串前后空格或去掉所有空格。

去掉字符串前后空格

使用Trim方法

在Javascript中，可以使用trim()方法去掉字符串前后空格。这个方法返回一个新的字符串，这个字符串去掉了原字符串前后的空格。

let str = '  Hello World!  ';
str = str.trim();
console.log(str);

执行结果：

'Hello World!'

使用自定义函数

如果需要兼容较旧的浏览器（如IE8及以下版本），可以使用自定义函数去掉字符串前后空格。该函数的实现原理是：从字符串的开始和结尾分别扫描字符，遇到非空格字符时记录其位置，最后截取该范围内的子串。

function myTrim(str) {
    let start = 0;
    let end = str.length - 1;
    while (start <= end && str[start] === ' ') {
        start++;
    }
    while (end >= start && str[end] === ' ') {
        end--;
    }
    return str.substring(start, end + 1);
}

let str = '  Hello World!  ';
str = myTrim(str);
console.log(str);

执行结果：

'Hello World!'

去掉所有空格

使用Replace方法

如果需要去掉字符串中所有的空格（包括前后空格和中间的空格），可以使用replace()方法。该方法使用正则表达式匹配空格并替换为空字符。

let str = '  Hello     World!  ';
str = str.replace(/\s+/g,'');
console.log(str);

执行结果：

'HelloWorld!'

使用自定义函数

同样，如果需要兼容较旧的浏览器（如IE8及以下版本），可以使用自定义函数实现去掉所有空格的功能。该函数的实现原理是：找到字符串中的所有空格，并将其替换成空字符。

function myReplace(str) {
    return str.replace(/\s+/g,'');
}

let str = '  Hello     World!  ';
str = myReplace(str);
console.log(str);

执行结果：

'HelloWorld!'

总结

在JavaScript中，有多种方法可以去掉字符串前后空格或去掉所有空格。使用trim()方法是最简单的方式，但是需要考虑浏览器兼容性。使用自定义函数可兼容较旧的浏览器，但需要注意正则表达式的写法，去掉所有空格时需要使用全局匹配模式。根据实际需求选择合适的方法，可以使代码更加简洁易懂。