關於substring()和substr()的差異（詳細教學）

下面我就為大家分享一篇基於substring()和substr()的使用以及區別實例講解，具有很好的參考價值，希望對大家有所幫助。

在JavaScript中，通常會用到截取，那所謂截取呢，其實就是要獲得被截取元素的某個位置到某個位置的內容，那麼JS給我提供了substring和substr這兩種方法：

這兩種截取的方式有什麼差別呢？直接程式碼示範：

substring（a,b）：

a：表示起始位置

b：表示結束位置

！但值得注意的是：截取時，截取內容當中包含了開始位置的元素，但是不包含結束位置的元素！

範例：

function sub1(){
  var str = 'javascript';
  return str.substring(0,4);
 }
 console.log(sub1());  //返回值为‘java'
 
 function sub2(){
  var str = 'javascript';
  return str.substring(1,4);
 }
 console.log(sub2());  //返回值为‘ava'

總結：substring截取時，包含起始位置，不包含結束位置，且a,b兩個參數皆為位置值，即索引值

substr（index，length）：

index：表示起始位置

length：表示截取內容長度

！截取時包含了起始位置的元素 ！

範例：

function sub3(){
  var str = 'javascript';
  return str.substr(0,4);
 }
 console.log(sub3());   //返回值为‘java'
 
 function sub4(){
  var str = 'javascript';
  return str.substr(1,4);
 }
 console.log(sub4());  //返回值为‘avas'

總結：substr截取時，包含起始位置，兩個參數分別為起始位置和截取長度

！注意區分，合理利用！

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

Vue中如何實作精簡版風格（詳細教學）

vue自訂全域元件該怎麼做？

在vue2.0中如何實作多頁面的開發

#使用jQuery與vue如何實作拖曳驗證碼功能

詳細介紹幾種JavaScript編碼規格（詳細教學）

#

以上是關於substring()和substr()的差異（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！