【项目总结】之——JS分割字符串

背景：

在我们做那个招标项目的时候，由于是刚刚接触到这个BS东西，我基本上是什么也不会。可是当时组长浩哥给过我一个任务，就是叫我将数据里面以字符串形式存在的信息切割开，然后显示到前台上去。当时对于浩哥来讲，说这是一个小活儿，让我好好干！可是我费劲巴力的做了一段时间后，还是没有做出来，最终还是浩哥帮我做的。当时感觉自己什么都不会，好——菜！

好了，废话少说，看我们的分享吧：

代码演练：

No1.我们建立一个前台界面，来显示我们做实验用的数据：

是不是很简单？

No2.我们去写一个Jscript去进行测试

1、Join()
$(function () {
    
    var myList=new Array("Li","Wei","zhong","Shao","Ran");
    var portableList=myList.join("|");
    document.getElementById('test').value = portableList;
}
效果显示：

小结：join()函数的功能是使用自己选择的分隔符将一个数组合并为一个字符串

2、split()
var str = "Li|Wei|Zhong|Shao|Ran";
    var test = new Array();
    test = str.split("|");
    document.getElementById('test').value = test[0] + "&&" + test[1] + "&&" +test[2]+"&&" +test[3]+"&&" +test[4];
效果显示：

小结：split()函数的功能是使用一个指定的分隔符把一个字符串分割存储到数组

3、substring(int,int)
var str = "Li|Wei|Zhong|Shao|Ran";
    var test = str.substring(0, 2);
    document.getElementById('test').value = test;
    alert(str.substring(15,16));
效果显示：

小结：substring（int,int）函数的功能是截取字符串，从那开始，到哪结束。再举个例子就是说如果我想截取字符串 “李卫中” 里面的“中”子，我要用到substring（2，3）

4、indexof()
<pre name="code" class="javascript">    var str = "LiWeizhong is my hero!";
    var a = str.indexOf("L");//Li
    var b = str.indexOf("i");//Li
    var c = str.indexOf("W");//Wei
    var d = str.indexOf("i");//is
    var e = str.indexOf("s");//is
    var f = str.indexOf("o");//hero    
    document.getElementById('test').value =(a + "," + b + "," + c + "," + d + "," + e + "," + f);
效果展示：

小结：这个就太明显了，indexof（）函数的功能是返回字符串中匹配子串的第一个字符的下标值。（空格是也是算的哦），另外值得一提的是，当你需要匹配的是一个串的时候，比方说，我要匹配 ”is“ 的时候，它会显示：11。也就是说，它会显示符合该匹配条件下的第一个字母的下标值。如果你输入的不存在，那会返回-1，也就是false的意思