JavaScript字符串去除空格

JavaScript字符串去除空格教程

在 JavaScript 中去除 字符串 的首尾空格，使用 trim 函数。有些浏览器不支持 trim 函数，那么我们可以自己通过 replace 函数实现 trim 函数。

JavaScript trim函数详解

语法

string.trim()

说明

去除字符串 string 的首尾空格。

JavaScript实现trim函数详解

实现

function myTrim(x) {
  return x.replace(/^\s+|\s+$/gm,'');
}

调用

myTrim(" HaiCoder ");

案例

去除字符串空格

使用 trim 函数，实现去除字符串空格

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript trim函数</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var str = " Hello HaiCoder ";
            var res = str.trim();
            console.log("Before trim =[", str, "], Res =[", res, "]");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

28_javascript去除字符串空格trim.png

首先，我们定义了一个字符串变量，首尾都包含空格，接着，我们调用字符串的 trim 函数，实现了去除该字符串的首尾空格。

自定义trim函数

使用 replace 函数，实现 trim 函数功能

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript trim函数</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            function myTrim(x) {
              return x.replace(/^\s+|\s+$/gm,'');
            }
            var str = " Hello HaiCoder ";
            var res = myTrim(str);
            console.log("Before trim =[", str, "], Res =[", res, "]");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

29_javascript去除字符串空格trim.png

我们使用 replace 函数，实现了 trim 函数的功能，同样实现了去除了字符串首尾空格。

JavaScript字符串去除空格教程总结

在 JavaScript 中去除字符串的首尾空格，使用 trim 函数。有些浏览器不支持 trim 函数，那么我们可以自己通过 replace 函数实现 trim 函数。