首頁 >web前端 >js教程 >關於substring()和substr()的差異(詳細教學)

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

亚连
亚连原創
2018-06-14 16:36:081453瀏覽

下面我就為大家分享一篇基於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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn