JavaScript 在處理網頁文字的字串時,總是難免會用到字串切割的功能,例如有一條字串是由產品編號所組成,每個產品編號有六位數,每組編號之間是一個半形空白,我們想要把這些產品編號全部分割開來,就可以使用 JavaScript 的 split 字串切割功能來處理,寫個簡單的範例給讀者朋友們看。
JavaScript split 實作範例
看到了嗎?每個產品編號(六位數)都被 JavaScript 的 split 切割開來,而且每一個產品編號之間都用半形逗號(,)隔開,這是因為 split 預設是用半形逗號隔開,這就是 JavaScrip split 的字串切割效果,WebTech 的《JavaScript split 字串分割技巧》篇有詳細的語法規則以及範例參考,可以看一看。
對了,因為 split 還可以自己設定要切割的符號,例如只切割空白、只切割逗號、只切割句號 ... 等,如果把 split 套用到 JavaScript 的 for 迴圈或是 while 迴圈,可以用來設計出大量字串切割的功能,甚至整篇文章內容都可以很輕易的根據設計師的需求而切割成各個區塊。
JavaScript split 實作範例
<script type="text/javascript">
var string="234567 234568 234569 234570 234571 234572";
document.write(string.split(" ") + "<br>"); //根據每個空格切開
</script>
範例的結果會變成:234567,234568,234569,234570,234571,234572var string="234567 234568 234569 234570 234571 234572";
document.write(string.split(" ") + "<br>"); //根據每個空格切開
</script>
看到了嗎?每個產品編號(六位數)都被 JavaScript 的 split 切割開來,而且每一個產品編號之間都用半形逗號(,)隔開,這是因為 split 預設是用半形逗號隔開,這就是 JavaScrip split 的字串切割效果,WebTech 的《JavaScript split 字串分割技巧》篇有詳細的語法規則以及範例參考,可以看一看。
對了,因為 split 還可以自己設定要切割的符號,例如只切割空白、只切割逗號、只切割句號 ... 等,如果把 split 套用到 JavaScript 的 for 迴圈或是 while 迴圈,可以用來設計出大量字串切割的功能,甚至整篇文章內容都可以很輕易的根據設計師的需求而切割成各個區塊。