js trim函数实现代码 js正则实现trim函数

发布时间:2019-08-16编辑:脚本学堂
本文介绍了js中trim函数的实现代码,包括js正则实现trim函数的方法,有需要的朋友参考下。

js中没有现成的trim函数,所以只能自己实现了。
利用javascript中每个对象(object)的prototype属性,可以为javascript中的内置对象添加方法与属性。

例子,使用此属性为string对象添加三个方法:trim,ltrim,rtrim(作用与vbscript中同名函数一样)
 

复制代码 代码示例:
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, "");
}
 

以上实现了一个js trim函数。

以下是调用trim函数的实例:
 

复制代码 代码示例:
<script language=javascript>
string.prototype.trim = function()
{
     return this.replace(/(^s*)|(s*$)/g, "");
}
var s = "     leading and trailing spaces     ";
window.alert(s + " (" + s.length + ")");
s = s.trim();
window.alert(s + " (" + s.length + ")");
</script>

js正则实现trim函数,其中prototype是返回原型方法。
 

复制代码 代码示例:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
  <head>
    <title>test</title>
    <script type="text/javascript">
        string.prototype.trim = function()
        {
            return this.replace(/(^s*)|(s*$)/g, "");
        }
       
        function check(){
            var str = document.getelementbyid("test").value;
           
            alert(str.trim());
        }
    </script>
  </head> 
  <body>
    <center>
        <input id="test" type="text" />
        <input id="but" type="button" value="检验" onclick="check();"/>
    </center>
  </body>
</html>