js去字符串前后空格5种实现方法及比较

  我们在项目中如果写到注册的时候,用户输入空格,我们怎么来剔除空格呢?

  下面是我经常用到的js与大家分享下:

  第一种:循环检查替换

  [javascript]

  

复制代码 代码如下:

  //供使用者调用

  function trim(s){

  return trimRight(trimLeft(s));

  }

  //去掉左边的空白

  function trimLeft(s){

  if(s == null) {

  return "";

  }

  var whitespace = new String(" \t\n\r");

  var str = new String(s);

  if (whitespace.indexOf(str.charAt(0)) != -1) {

  var j=0, i = str.length;

  while (j < i && whitespace.indexOf(str.charAt(j)) != -1){

  j++;

  }

  str = str.substring(j, i);

  }

  return str;

  }

  //去掉右边的空白 www.glzy8.com

  function trimRight(s){

  if(s == null) return "";

  var whitespace = new String(" \t\n\r");

  var str = new String(s);

  if (whitespace.indexOf(str.charAt(str.length-1)) != -1){

  var i = str.length - 1;

  while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){

  i--;

  }

  str = str.substring(0, i+1);

  }

  return str;

  }

  第二种:正则替换

  [javascript]

  

复制代码 代码如下:

  <SCRIPT LANGUAGE="JavaScript">

  <!--

  String.prototype.Trim = function()

  {

  return this.replace(/(^\s*)|(\s*$)/g, "");

  }

  String.prototype.LTrim = function()

  {

  return this.replace(/(^\s*)/g, "");

  }

  String.prototype.RTrim = function()

  {

  return this.replace(/(\s*$)/g, "");

  }

  //-->

  </SCRIPT>

  第三种:使用jquery

  [javascript]

  

复制代码 代码如下:

  $.trim(str)

  jquery内部实现为:

  [javascript]

  

复制代码 代码如下:

  function trim(str){

  return str.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,'');

  }

  第四种:使用motools

  [javascript]

  

复制代码 代码如下:

  function trim(str){

  return str.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');

  }

  第五种:裁剪字符串方式

  [javascript]

  

复制代码 代码如下:

  function trim(str){

  str = str.replace(/^(\s|\u00A0)+/,'');

  for(var i=str.length-1; i>=0; i--){

  if(/\S/.test(str.charAt(i))){

  str = str.substring(0, i+1);

  break;

  }

  }

  return str;

  }

  经过测试第五种方法在处理长字符串时效率最高

  

复制代码 代码如下:

  <script type="text/JavaScript">

  //去掉空格

  function SystemTrim(str) {

  var regExp = /(^\s*)|(\s*$)/;

  return str.replace(regExp,"");

  }

  //调用

  function add()

  {

  var ownername=document.form1.ownername.value;

  if(SystemTrim(ownername)=="")

  {

  alert("请输入您的称呼!");

  return;

  }

  }

  <script>