JavaScript substr

JavaScript substr 可以從字串中取出一段字串,只需設定好從哪個位置開始擷取,以及要擷取的字串長度,就能夠很輕鬆的擷取出想要的範圍,用法與 substring 有點類似,但不同的是 substr 的範圍參數可以使用負數,且只需要設定所需字串長度,不需要設定結尾位置。

JavaScript substr 基本語法

String.substr( Start , Length )


String 是準備被擷取的字串,substr 小括號內有兩個參數,分別為擷取的開始位置與結束位置。
  • Start - 就是要擷取的起始位置,必須項目,若為 0 則代表從第一個字符開始擷取,若為負數,則從字串最尾端字符開始往左計算出起始位置,最尾字符從 1 開始算,也就是 -1 代表最後一個字符,-2 代表倒數第二個字符,以此類推。
  • Length - 要擷取的字串長度,非必要項目,如果沒有設定或長度超過字串的長度,則 substr 會從 Start 位置開始擷取至字串最尾端。
註一:空白字元也會算為一個字符。
註二:substr 返回一個全新的字串,不影響原本的字串內容。

JavaScript substr 範例
<script type="text/javascript">
var NewStr="Welcome to wibibi.";
document.write(NewStr.substr(0)); // 輸出 Welcome to wibibi.
document.write(NewStr.substr(3)); // 輸出 come to wibibi.
document.write(NewStr.substr(-7)); // 輸出 wibibi.
document.write(NewStr.substr(-7,3)); // 輸出 wib
document.write(NewStr.substr(3,6)); // 輸出 come to
</script>
以上輸出結果



範例一開始我們先準備一個新的字串 NewStr,接著用 javascript substr 去擷取內容,第一個輸出僅有設定 Start 位置且為 0,所以從字首字符開始擷取至最尾,等於沒有擷取功能,第二次輸出就從 substr(3) 開始擷取至最尾端。比較特別的是當參數設定為負數的時候,要從字尾開始往左推算起始位置,且字尾的字符從 -1 開始計算,這個部分與 JavaScript slice 有點類似。

JavaScript substr 相關延伸主題
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012