JavaScript split 字串分割技巧

JavaScript 在網頁中處理字串總是會用到字串分割的技巧,內建的 split 函式就是一個常用的字串分割(切割字串)方法,設計師可以透過 JavaScript split 的參數設定來決定要切割字串的哪個部分,若搭配 for 迴圈while 迴圈還可以設計出連續切割的效果。

JavaScript split 語法
string.split( 切割的起始標籤 , 切割數量  )

語法中"切割的起始標籤"就是所謂的指定切割處,簡單一點的說法就是 split 會根據設計師所指定的特定符號開始將字串分割成許多不同的部分,第二個參數"切割數量"則是看設計師需要的量而定,若未填寫,split 就會自動將等個字串的每個切割處都切開。

JavaScript split 範例
<script type="text/javascript">
 var string="How old are you?";
 document.write(string.split("") + "<br>"); //根據每個字元切開
 document.write(string.split(" ") + "<br>"); //根據每個空格切開
</script>
範例結果
H,o,w, ,o,l,d, ,a,r,e, ,y,o,u,?
How,old,are,you?
從範例中可以看到 split 的第一個參數是不一定要填寫的,假設我們只寫空的且連在一起的雙引號,代表把每個字元全部切割開來,就是範例輸出的第一行結果,如果雙引號是空格隔開的,split 則會將字串中的每個字元空格視為分割點,設計師也可以自己設定其他的分割點,或是加入第二個參數,限制 split 的總切割數量。
© Copyright webtech.tw Since 2010