JavaScript中trim 方法实现
2017-05-10 12:00 tlnshuju 阅读(371) 评论(0) 编辑 收藏 举报
Java中的 String 类有个trim() 能够删除字符串前后的空格字符。jQuery中也有trim()方法能够删除字符变量前后的字符串。
可是JavaScript中却没有对应的trim() 方法。幸好,JavaScript中有正則表達式,String 对象有replace() 方法。利用JavaScript的正则和replace方法来达到trim() 方法的效果。
接下来介绍两种方法。事实上两种方法大同小异。
都是在String 对象的prototype属性上进行trim()方法的定义,并提供实现,实现后,便能够通过String对象名.trim()来删除字符串前后的空格字符了。
String.prototype.trim = function() { // TODO }
method1 前后空格字符分别替换
JavaScript的String 对象有replace方法。能够对String 对象中的字符进行替换,这里我们利用String 对象的replace方法。对前后的空字符串分别替换。达到总体的删除空字符串的效果。
String.prototype.trim = function(){ return this.replace(/^\s+/, "").replace(/\s+$/, ""); } var sTest1 = " this is a test sentence. "; alert(sTest1.trim());
解释下trim() 方法的详细方法体
this 在方法内代表的是当前对象
this后面的第一个replace删除的是字符串前面的空格字符
当中 /^\s+/ 表示的是开头的1到多个空格字符,这个正则是Perl风格的
也能够用RegExp对象替换。能够改动为
var regObj = new RegExp("^\\s+"); return this.replace(regObj, "").replace(/\s+$/, "");
这里我们仅仅是将匹配前面空格字符的正則表達式方式改动了
相同也能够替换掉后面的正则方式,最后的代码为
var regObj1 = new RegExp("^\\s+"); var regObj2 = new RegExp("\\s+$"); return this.replace(regObj1, "").replace(regObj2, "");
method2 前后空格总体替换
总体替换方式与前面的分别替换大同小异。前面是两次replace,用两个正则来分别匹配前面和后面的空格字符,总体替换时,用一个正則表達式,来替换掉前面的空格字符。
String.prototype.trim = function(){ return this.replace(/^\s+(.*?)\s+$/, "$1"); } var sTest2 = " this is a new sentence. "; alert(sTest2.trim());
这里return this.replace(/^\s+(.*?
)\s+$/, "$1");
使用一个正则/^\s+(.*?
)\s+$/匹配了前后的空格字符。后面的$1为正則表達式反向引用的结果
$1 就代表(.*?) 的值,即删除前后空格的要返回的字符串。
这里的正则方式也能够改动为RegExp 的方式。这里我就不改动了。
上面介绍的两种方法。都是通过给String 对象的prototype 属性上定义新的方法来完毕的。
这里也能够不定义新的trim() 方法。直接通过方法体里面的replace主体来达到删除前后字符串的效果。
附上最后的代码
<script> // method1 String.prototype.trim = function(){ // return this.replace(/^\s+/, "").replace(/\s+$/, ""); // var regObj = new RegExp("^\\s+"); // return this.replace(regObj, "").replace(/\s+$/, ""); var regObj1 = new RegExp("^\\s+"); var regObj2 = new RegExp("\\s+$"); return this.replace(regObj1, "").replace(regObj2, ""); } var sTest1 = " this is a test sentence. "; alert(sTest1.trim()); // method2 String.prototype.trim = function(){ return this.replace(/^\s+(.*?)\s+$/, "$1"); } var sTest2 = " this is a new sentence. "; alert(sTest2.trim()); </script>