【項目總結】之——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的意思

總結：

       什么事情都擱不住磨練，在我接下來的項目中，也有幾次遇到了同樣的問題，所以，我自己查資料，解決問題，順便總結一些自己的收獲，向大家分享。現在看來，真的好簡單！浩哥沒有騙我，正所謂會的不難，難得不會，只要我們肯學，肯下功夫，什么都能學會，學通。