Javascript中实现trim()函数的两种方法

  在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的。

  方案一:

  以原型方式调用,即obj.trim()形式,此方式简单且使用方面广泛,定义方式如下:

  

复制代码 代码如下:

  <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>

  使用示例如下:

  

复制代码 代码如下:

  <script type=”text/javascript”>

  alert(document.getElementById('abc').value.trim());

  alert(document.getElementById('abc').value.ltrim());

  alert(document.getElementById('abc').value.rtrim());

  </script>

  方案二:

  以工具方式调用,即trim(obj)的形式,此方式可以用于特殊处理需要,定义方式如下:

  

复制代码 代码如下:

  <script type=”text/javascript”>

  /**

  * 删除左右两端的空格

  */

  function trim(str)

  {

  return str.replace(/(^\s*)|(\s*$)/g, ”);

  }

  /**

  * 删除左边的空格

  */

  function ltrim(str)

  {

  return str.replace(/(^\s*)/g,”);

  }

  /**

  * 删除右边的空格

  */

  function rtrim(str)

  {

  return str.replace(/(\s*$)/g,”);

  }

  </script>

  使用示例如下:

  

复制代码 代码如下:

  <script type=”text/javascript”>

  alert(trim(document.getElementById('abc').value));

  alert(ltrim(document.getElementById('abc').value));

  alert(rtrim(document.getElementById('abc').value));

  </script>