js中substring和substr兩者區(qū)別和使用方法
在開始之前,先回顧下js中下標(biāo)(數(shù)組元素/字符串中字符下標(biāo)):
下標(biāo)總是從0開始計(jì)數(shù),例如
var arr = [1,2,3];//數(shù)組的長(zhǎng)度為3,元素下標(biāo)依次為:0,1,2
arr[0] = 1,arr[1]=2..
字符串類似:如var s = "hello";//字符串長(zhǎng)度為5,第一個(gè)字符'h'的下標(biāo)為0,依次類推
String.substring( ):用于返回一個(gè)字符串的子串
用法如下:string.substring(from, to)
其中from指代要抽去的子串第一個(gè)字符在原字符串中的位置
to指代所要抽去的子字符串最后一個(gè)字符的后一位(這個(gè)參數(shù)可以不加)
下面就對(duì)String.substring( )做舉例:
1、string.substring(from):此時(shí)相當(dāng)于從from位置截取到原字符串末尾
var s = "hello"; s.substring(1);//就是從下標(biāo)為1的字符(這里是'e')開始起到字符串末尾全部截取,最終獲得子串"ello"
2、string.substring(from, to):從from位置截取到to-1的位置
var s = "hello"; s.substring(1,3);//相當(dāng)于從位置為1的字符截取到位置為2的字符,得到子串為:"el"
String.substr( ):作用也是抽去一個(gè)子串,但是它和上面的String.substring( )有所不同
用法如下:string.substr(start, length)
start:指代截取子串開始下標(biāo)
length:截取子串的長(zhǎng)度(可省略)
1、string.substr(start, length):先舉個(gè)例子來說明:
var s = "hello"; s.substr(1,3);//從下標(biāo)為1的字符開始截取3個(gè)字符長(zhǎng)度,最后子串為:ell
補(bǔ)充兩種特殊情況:
a、第二個(gè)參數(shù)超過了剩余字符長(zhǎng)度
var s = "hello"; s.substr(1,7)//這種情況下默認(rèn)從,start位置到原字符串末尾,即返回:"ello"
b、第一個(gè)參數(shù)為負(fù)數(shù)
這種情況,從字符串尾部開始計(jì)算,-1指字符串最后一個(gè)字符,-2指倒數(shù)第二個(gè)字符...依次類推
var s = "hello"; s.substr(-3,2)//即從倒數(shù)第三個(gè)字符開始起截取2個(gè)長(zhǎng)度,獲得:"ll"
2、string.substr(start):不帶length參數(shù),默認(rèn)指代從start位置截取到字符串末尾
var s = "hello"; s.substr(3)//"lo"
以上就是關(guān)于js中substring和substr區(qū)別與用法的詳細(xì)介紹,大家可以結(jié)合之前的相關(guān)文章進(jìn)行學(xué)習(xí),希望對(duì)大家的學(xué)習(xí)有所幫助。
- 詳解JS截取字符串的三個(gè)方法substring,substr,slice
- JS中substring與substr的用法
- js字符串截取函數(shù)slice、substring和substr的比較
- 深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
- js中substr,substring,indexOf,lastIndexOf,split,replace的用法詳解
- javascript中substring()、substr()、slice()的區(qū)別
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- js中substring使用示例詳解
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的計(jì)數(shù)算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的計(jì)數(shù)算法,結(jié)合具體實(shí)例形式分析了javascript二叉樹記錄更新次數(shù)的原理與操作技巧,需要的朋友可以參考下2017-04-04js select option對(duì)象小結(jié)
本篇文章主要是對(duì)js中的select option對(duì)象進(jìn)行了總結(jié)介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12使用JavaScript校驗(yàn)URL的方法小結(jié)
JavaScript中如何校驗(yàn)一個(gè)URL?最近遇到幾次需要校驗(yàn)URL的,所以本文給大家整理一下幾個(gè)校驗(yàn)URL的方法,文中有詳細(xì)的代碼講解和圖文參考,具有一定的參考價(jià)值,需要的朋友可以參考下2023-12-12javascript實(shí)現(xiàn)顏色漸變的方法
這篇文章介紹了javascript實(shí)現(xiàn)顏色漸變的方法,有需要的朋友可以參考一下2013-10-10javascript代碼實(shí)現(xiàn)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript代碼實(shí)現(xiàn)簡(jiǎn)易計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01基于javascript實(shí)現(xiàn)漂亮的頁面過渡動(dòng)畫效果附源碼下載
本文通過javascript實(shí)現(xiàn)漂亮的頁面過濾動(dòng)畫效果,用戶通過點(diǎn)擊頁面左側(cè)的菜單,對(duì)應(yīng)的頁面加載時(shí)伴隨著滑動(dòng)過濾動(dòng)畫,并帶有進(jìn)度條效果。用戶體驗(yàn)度非常好,感興趣的朋友一起看看吧2015-10-10Java通過WebSocket實(shí)現(xiàn)異步導(dǎo)出解決思路
這篇文章主要介紹了通過WebSocket實(shí)現(xiàn)異步導(dǎo)出,本篇文章記錄大批量數(shù)據(jù)導(dǎo)出時(shí)間過長(zhǎng),導(dǎo)致接口請(qǐng)求超時(shí)問題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01