js去掉前后(首尾、左右)空格、所有空白正则表达式

亮术网 2020-05-22 本网原创

在 Web 设计过程中,尤其是提交表单,经常需要用 js去掉前后空格(或者称为首尾空格)、左右空格。在 javascript 中,去掉空格一般用 replace() 函数(方法),匹配空格用正则表达式,常常是一句简单的代码就可以实现。

除了去掉文本前后和左右空格外,有时还要去掉文本中所有空格,或者去掉空白行等,接着以实例方式分别介绍它们的代码实现方法。

 

一、js去掉前后空格(首尾空格或左右空格)

用户输入文字,文字的前后可能带空格,而这些空格又没有实际作用,此时,应该把它去掉,以免因有空格而检索不到记录,代码实现如下:

String.prototype.trim = function () { return this.replace(/(^\s*)|(\s*$)/g, ""); }

 

调用:

var text = " js去掉前后空格 ";
  text.trim();

 

二、js去掉左边空格

String.prototype.lefttrim = function () { return this.replace(/(^\s*)/g, ""); }

 

调用:

var text = " js去掉左边空格";
  text.lefttrim();

 

 

三、js去掉右边空格

String.prototype.righttrim = function () { return this.replace(/(\s*$)/g, ""); }

 

调用:

var text = "js去掉右边空格 ";
  text.righttrim();

 

 

四、js字符去掉之间的空格

String.prototype.middletrim = function () { return this.replace(/[ ]/g, ""); }

 

调用:

var text = "js 字 符 去掉 之间的空格";
  text.middletrim();

结果:js字符去掉之间的空格

 

 

五、js去掉所有空格(空白)

String.prototype.alltrim = function () { return this.replace(/\s+/g, ""); }

所用正则表达式 /\s+/g 会去掉文本中所有空格(包括字与字、字母与字母之间的空格),同时还会去掉所有换行符,即所有文本变为一行。

 

调用:

var text = " js去掉所有空格,包 括 换 行 符 ";
  text.alltrim();

结果:js去掉所有空格,包括换行符

 

以上代码全部通过测试,可直接调用,只需把代码复制到 javascript 代码中,按照示例中的调用方法调用即可。