字符串分割解决方法

来源：互联网发布：手机电玩城源码编辑：程序博客网时间：2024/05/22 00:28

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

实现效果：

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

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

0 0