JavaScript trim() 方法

实例

我们如何在js实际开发中去除字符串的头尾空格呢?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>js trim() 方法 xinbiancheng.cn</title>
</head>
<body>
  <p>点击按钮移除字符串的头尾空格。</p>
  <button onclick="myFunction()">js trim()方法取空格</button>
  <script>
    function myFunction() {
      var url = " xinbiancheng.cn "
      console.log(url.length)
      console.log(url.trim().length)
    }
  </script>
</body>
</html>

通过console.log输出结果如下:

17
15

我们发现console.log(url.trim().length) 输出的字符串长度为15,这说明通过trim()去除了字符串的头尾空格

定义和用法

trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。

trim() 方法不会改变原始字符串

trim() 方法不适用于 null, undefined, Number 类型。

语法

string.trim()

参数值

无。

返回值

类型 描述
String

返回移除头尾空格的字符串。

技术细节

JavaScript 版本: ECMAScript 5

更多实例

实例

如果你的浏览器低于ie9不支持 trim() 方法,你可以使用正则表达式来实现移除头尾空格的字符串:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>使用正则表达式 实现 trim() 方法 xinbiancheng.cn</title>
</head>
<body>
  <p>点击按钮移除字符串的头尾空格。</p>
  <button onclick="RegFunction()">正则表达式,去掉左右空格</button>
  <script>
    // 当我们浏览器版本比较低,通过js,无法使用trim() 方法时,可以使用正则表达式来去掉左右两边的空格
    function RegTrim(x) {
      return x.replace(/^\s+|\s+$/gm, '');
    }
    function RegFunction() {
      var str = RegTrim("  xinbiancheng.cn  ");
      alert(str);
    }
  </script>
</body>
</html>