字符串分割解决方法

最新推荐文章于 2022-05-08 13:51:34 发布

青离

最新推荐文章于 2022-05-08 13:51:34 发布

阅读量311

点赞数

本文链接：https://blog.csdn.net/qq_34328832/article/details/51900019

版权

前言：现在在做一个短信预览页面，如图，可以发现下面“办公室”后有一大串字符，显示在页面，影响美观，现要求去掉'@‘~’，‘之间的字符串

实现效果：

解决过程及思路：因为这些数据开始是从后台或取，显示在页面，其中使用了小脚本，所以想直接该，结果发现自己对小脚本不大熟悉，就放弃选择使用了js实现。

选择使用js: 1.获取参数（我这命名为conditions）

2.字符分割（这里有两步）（1）：将最外面的东西分开（以逗号为限）（2）接着对特殊字符形如’办公室@xx‘进行处理

现在就是代码讲解了

<head>

<script >

 	window.onload = function(){
 		
 		var object = document.getElementById('conditions').value;
 		var strs= new Array(); //定义一数组 
 		strs=object.split(","); //字符分割
 		var temp; 	//定义接收修改去掉@后字符
 		var fin; 	//不变量
 		var newArr = new Array();	//定义新数组集合接收参数
 		
 		for(var i=0;i<strs.length;i++){
 			if(strs[i] == "" || strs[i] == null){
 				break;
 			}else{
 				if(strs[i].contains("@")){
 					//将字符从@开始分割
 					strs[i] = strs[i].substring(0,strs[i].indexOf("@"));

 				}
 				//新数组赋值
 				newArr[i] = strs[i];
 			}	
 			
 		}
 		//将收件人修改后穿给页面
		document.getElementById('pre1').innerHTML = newArr;
 	}
 </script>



</head>
<body>
      <input type="hidden" value="<%= conditions %>" id="conditions"/>
      收件人：<pre class="pre" id="pre1"><%= conditions %></pre><br/>
</body>

感想：虽然是做后台的，但最近几天都在弄关于前台页面效果，也学到蛮多的，在这里，如果你有什么好的建议或方法欢迎留言