为JavaScript的String增加Trim函数

最新推荐文章于 2021-01-30 18:44:28 发布

chenwei0000

最新推荐文章于 2021-01-30 18:44:28 发布

阅读量2.5k

点赞数

文章标签： javascript string 正则表达式 function html input

本文链接：https://blog.csdn.net/chenwei0000/article/details/1746346

版权

还是那个日本的外包项目，现在进入最无趣的测试阶段。

Leader提出要求说要在JavaScript的输入规则检测之前先对字符串进行trim处理，我说好吧。

于是开始立即动手写了一段JavaScript代码实现tirm函数：

String.prototype.trim = function(){

var i;

//先检测字符串右端的全、半角空格
for(i=this.length-1;i>=0;i--){
if(this.charAt(i)!=" "&&this.charAt(i)!="　")
break;
}
//获得去掉右端全、半角空格后的字符串
this=this.substring(0,i+1);

//再检测字符串右端的全、半角空格
for(i=0;i<this.length;i++){
if(this.charAt(i)!=" "&&this.charAt(i)!="　")
break;
}

//返回trim后的字符串
return this.substring(i,this.length);
}

用起来没有什么问题，但是那代码怎么看怎么不爽————感觉两个枯燥的for循环就是碍眼和多余!代码怎么才能精简呢？又想起了可爱的正则表达式，这也是字符串的规则问题嘛！有了想法问题就好解决了。没有什么技术含量，也就不啰啰嗦嗦地进行分析了，直接给出用正则表达式实现的JS代码（后来发现竟然和官方给的一个例子一模一样，哈哈，巧了）：

String.prototype.trim = function(){
return this.replace(/(^/s*)|(/s*$)/g,"");
}

简单说明一下：
/s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ /f/n/r/t/v]。 ^/s*的话就是匹配任何空白字符了，只要找到空白字符
/S 匹配任何非空白字符。等价于 [^ /f/n/r/t/v]。
$ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 $ 也匹配 '/n' 或 '/r'。要匹配 $ 字符本身，请使用 /$。
/g 表示该表达式将用来在输入字符串中查找尽可能多的匹配。

给段测试的代码：

<%@ page language="java" contentType="text/html; charset=SHIFT_JIS" %>
<%@ include file="/jsp/common/common_page.jsp" %>

<!DOCTYPE HTML PUBLIC "-//w3C//DTD HTML 4.01 Transitional//EN">
<script language="JavaScript" type="text/JavaScript">

String.prototype.trim = function() {
return this.replace(/(^/s*)|(/s*$)/g, "");
}

function tip(){

var tipMessage = document.getElementById("test").value;

alert("A" + tipMessage.trim() + "B");

}
</script>

<body>

</body>
</html>

再一次显示了正则表达式的威力所在。一方面，代码的可读性提高了（当然你必须懂正则表达式）；一方面，代码得到了最大的浓缩。

顺便再给出几个String经常要用到的函数（网上转载）：

// 去掉字符左端的的空白字符
String.prototype.leftTrim = function(){
return this.replace(/(^[//s]*)/g, "");
}
// 去掉字符右端的空白字符
String.prototype.rightTrim = function(){
return this.replace(/([//s]*$)/g, "");
}

// 返回字符的长度，一个中文算2个
String.prototype.chineseLength=function(){
return this.replace(/[^/x00-/xff]/g,"**").length;

// 判断字符串是否以指定的字符串结束
String.prototype.endsWith = function(str) {
return this.substr(this.length - str.length) == str;
}

// 判断字符串是否以指定的字符串开始
String.prototype.startsWith = function(str) {
return this.substr(0, str.length) == str;
}

chenwei0000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
为JavaScript的String增加Trim函数

还是那个日本的外包项目，现在进入最无趣的测试阶段。Leader提出要求说要在JavaScript的输入规则检测之前先对字符串进行trim处理，我说好吧。于是开始立即动手写了一段JavaScript代码实现tirm函数：String.prototype.trim = function(){var i; //先检测字符串右端的全、半角空格for(i=this.length-1;i
复制链接

扫一扫