详解Javascript trim()函数实现-js 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﹥

【编辑推荐】