基于substring()和substr()的使用以及區(qū)別(實(shí)例講解)
在JavaScript中,通常會(huì)用到截取,那所謂截取呢,其實(shí)就是要獲得被截取元素的某個(gè)位置到某個(gè)位置的內(nèi)容,那么JS給我提供了substring和substr這兩種方法:
這兩種截取的方式有什么區(qū)別呢?直接代碼演示:
substring(a,b):
a:表示起始位置
b:表示結(jié)束位置
!但是值得注意的是:截取時(shí),截取內(nèi)容當(dāng)中包含了開(kāi)始位置的元素,但是不包含結(jié)束位置的元素!
示例:
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()); //返回值為‘a(chǎn)va'
總結(jié):substring截取時(shí),包括起始位置,不包括結(jié)束位置,并且a,b兩個(gè)參數(shù)均為位置值,即索引值
substr(index,length):
index:表示起始位置
length:表示截取內(nèi)容長(zhǎng)度
! 截取時(shí)包括了起始位置的元素 !
示例:
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()); //返回值為‘a(chǎn)vas'
總結(jié):substr截取時(shí),包括起始位置,兩個(gè)參數(shù)分別為起始位置和截取長(zhǎng)度
!注意區(qū)分,合理利用!
以上這篇基于substring()和substr()的使用以及區(qū)別(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)單九宮格抽獎(jiǎng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單九宮格抽獎(jiǎng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06JS使用正則表達(dá)式除去字符串中重復(fù)字符的方法
這篇文章主要介紹了JS使用正則表達(dá)式除去字符串中重復(fù)字符的方法,以一個(gè)簡(jiǎn)單實(shí)例分析了JavaScript中正則過(guò)濾的相關(guān)使用技巧,需要的朋友可以參考下2015-11-11JavaScript運(yùn)行機(jī)制實(shí)例分析
這篇文章主要介紹了JavaScript運(yùn)行機(jī)制,結(jié)合實(shí)例形式分析JavaScript運(yùn)行機(jī)制相關(guān)原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04實(shí)例分析js和C#中使用正則表達(dá)式匹配a標(biāo)簽
本文通過(guò)2個(gè)實(shí)例,對(duì)比分析了在js和c#中使用正則表達(dá)式匹配a標(biāo)簽的異同,小伙伴們自己參考下吧,有利于深刻理解正則表達(dá)式的使用。2014-11-11JS中call和apply函數(shù)用法實(shí)例分析
這篇文章主要介紹了JS中call和apply函數(shù)用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了call和apply函數(shù)繼承功能的使用方法、區(qū)別及操作注意事項(xiàng),需要的朋友可以參考下2018-06-06bootstrap可編輯下拉框jquery.editable-select
這篇文章主要介紹了bootstrap可編輯下拉框jquery.editable-select的相關(guān)資料,需要的朋友可以參考下2017-10-10JavaScript基礎(chǔ)知識(shí)之方法匯總結(jié)
本文給大家分享了javascript基礎(chǔ)知識(shí),包括數(shù)組的方法,函數(shù)的方法,數(shù)字的方法,對(duì)象的方法,字符串的方法,常規(guī)方法,正則表達(dá)式方法,本文介紹的非常詳細(xì),具有參考價(jià)值特此分享供大家參考2016-01-01網(wǎng)頁(yè)自動(dòng)跳轉(zhuǎn)代碼收集
網(wǎng)頁(yè)自動(dòng)跳轉(zhuǎn)代碼收集2009-09-09火狐下input焦點(diǎn)無(wú)法重復(fù)獲取問(wèn)題的解決方法
input輸入框顯示的時(shí)候,需要自動(dòng)獲取焦點(diǎn),用focus可以輕松搞定,但在火狐下input無(wú)法獲取焦點(diǎn),下面與大家分享下不錯(cuò)的解決方法2014-06-06js下為表格內(nèi)部動(dòng)態(tài)添加行的代碼
最近的一個(gè)項(xiàng)目中在保存表單數(shù)據(jù)時(shí),要用到一個(gè)動(dòng)態(tài)添加行的功能。平時(shí)動(dòng)態(tài)添加行只是在表格的最下面添加,現(xiàn)在在表格中間動(dòng)態(tài)添加行,而且表格內(nèi)部是包含并且單元格的,其實(shí)很簡(jiǎn)單,下面貼出代碼。2010-06-06