详解Javascript trim()函数实现

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

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

﹤scriptlanguage=”javascript”﹥
/**
*删除左右两端的空格
*/
String.prototype.trim=function()
{
returnthis.replace(/(^\s*)|(\s*$)/g,”);
}
/**
*删除左边的空格
*/
String.prototype.ltrim=function()
{
returnthis.replace(/(^\s*)/g,”);
}
/**
*删除右边的空格
*/
String.prototype.rtrim=function()
{
returnthis.replace(/(\s*$)/g,”);
}
﹤/script﹥

使用示例如下:

﹤scripttype=”text/javascript”﹥
alert(document.getElementById(’abc’).value.trim());
alert(document.getElementById(’abc’).value.ltrim());
alert(document.getElementById(’abc’).value.rtrim());
﹤/script﹥

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

﹤scripttype=”text/javascript”﹥
/**
*删除左右两端的空格
*/
functiontrim(str)
{
returnstr.replace(/(^\s*)|(\s*$)/g,”);
}
/**
*删除左边的空格
*/
functionltrim(str)
{
returnstr.replace(/(^\s*)/g,”);
}
/**
*删除右边的空格
*/
functionrtrim(str)
{
returnstr.replace(/(\s*$)/g,”);
}
﹤/script﹥

使用示例如下:

﹤scripttype=”text/javascript”﹥
alert(trim(document.getElementById(’abc’).value));
alert(ltrim(document.getElementById(’abc’).value));
alert(rtrim(document.getElementById(’abc’).value));
﹤/script﹥

【编辑推荐】

  1. 应用最广的十大Javascript框架
  2. JavaScript框架工具JavaScriptMVC 1.5发布
  3. JavaScript解析XML的方法总结
THE END