提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

JS字符串操作（添加删除，以逗号分隔）

JS 操作 字符串 删除 添加 逗号 分隔
2023-09-11 14:16:58 时间

下载地址：http://download.csdn.net/detail/afgasdg/4523933

JS代码

/*
 * 字符串操作类，主要用于字符串的添加和删除。例如：在字符串 "a,b,c"中添加字符串"d",或者直接删除某个字符串。
 * 主要提供将给定字符串添加到某个字符串，中间用逗号分隔
 */
var StringOperate ={
		separator    : ",",//字符串分隔符
		baforeInsert : false,//字符串追加方式，默认false是在后面添加，true在追加到前面
		isRepeat     : false,//追加的字符串是否可重复添加
		isDeleteAll  : true,//删除所有匹配的字符串
		
		//左边添加分隔符
		lInsertSeparator : function(operateString){
			if(operateString.indexOf(this.separator)  == 0)
				return operateString;
			return this.separator + operateString;
		},
		//右边添加分隔符
		rInsertSeparator : function(operateString){
			if(operateString.lastIndexOf(this.separator)  == (operateString.length - this.separator.length))
				return operateString;
			return operateString + this.separator; 
		},
		//去除左边分隔符
		lSeparatorTrim   : function(operateString){
			if(operateString.indexOf(this.separator)  == 0)
				return operateString.substring(1);
			return operateString;
		},
		//去除右边的分隔符
		rSeparatorTrim   : function(operateString){
			if(operateString.lastIndexOf(this.separator)  == (operateString.length - this.separator.length))
				return operateString.substring(0,operateString.length-1);
			return operateString;
		},
		//追加字符串，将str字符串 追加到operateString中
		add : function(operateString, str){
			if( str  && str != ""){
				if(this.isRepeat){//重复追加
					if(this.baforeInsert){//追加在开头
						 return this.rSeparatorTrim(this.lSeparatorTrim(str + this.separator + operateString));
					}
					return this.rSeparatorTrim(this.lSeparatorTrim(operateString + this.separator + str));
				}else{
					//开头和结尾都添加分隔符
					operateString =	this.lInsertSeparator(this.rInsertSeparator(operateString));
					if(operateString.indexOf(this.separator + str + this.separator) == -1){
						if(this.baforeInsert){
							return this.rSeparatorTrim(this.lSeparatorTrim(str + operateString));
						}else{
							return this.rSeparatorTrim(this.lSeparatorTrim(operateString + str));
						}
					}
					return this.rSeparatorTrim(this.lSeparatorTrim(operateString));
				}
			}
		},
		//删除指定字符串
		remove : function(operateString, str){
			if(operateString && str && operateString != "" && str != ""){
				//开头和结尾都添加分隔符
				operateString =	this.lInsertSeparator(this.rInsertSeparator(operateString));
				if(this.isDeleteAll){
					operateString = operateString.replace(new RegExp(this.separator,"g"),this.separator + this.separator);
					//删除所有匹配的字符串
					operateString =	 operateString.replace(new RegExp(this.separator + str +this.separator,"g"),this.separator);
					operateString = operateString.replace(new RegExp(this.separator+"{2,}","g"),this.separator);
				}else{
					operateString =	 operateString.replace(new RegExp(this.separator + str + this.separator),this.separator);
				}
				return this.rSeparatorTrim(this.lSeparatorTrim(operateString));
			}
		}
		
		
};

HTML文件代码： 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js字符串操作</title>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/stringOperate.js"></script>
<script type="text/javascript">
//StringOperate.baforeInsert = true;
//StringOperate.isRepeat= true;
//StringOperate.isDeleteAll = false;
	function add(){
		var val = StringOperate.add($("input[name='inputResult']").val(),$("input[name='inputString']").val());
		$("input[name='inputResult']").val(val);
	}
	function del(){
		var val = StringOperate.remove($("input[name='inputResult']").val(),$("input[name='inputString']").val());
		$("input[name='inputResult']").val(val);
	}
</script>
</head>
<body>
<input type="text" name="inputString" ><br>
<input type="button" value="添加" οnclick="add()">
<input type="button" value="删除" οnclick="del()">
<br>
<input type="text" name="inputResult" readonly="readonly" style="width:400px;">
</body>
</html>

运行效果：


下载地址：http://download.csdn.net/detail/afgasdg/4523933

相关文章