js中截取字符串的三個(gè)方法 substring()、substr()、slice()

elva 發(fā)布于2019-08-23 11:57 / 2718人閱讀

摘要：方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。一個(gè)非負(fù)的整數(shù)，規(guī)定要提取的子串的第一個(gè)字符在中的位置。子串中的字符數(shù)。控制臺(tái)方法可提取字符串的某個(gè)部分，并以新的字符串返回被提取的部分。

查看原文可以有更好的排版效果哦

js中有三個(gè)截取字符的方法，分別是substring()、substr()、slice()，平時(shí)我們可能都用到過(guò)，但總是會(huì)對(duì)這些方法有點(diǎn)混淆，特別是substring()和substr()，連方法名都差不多，下面就具體來(lái)看一下區(qū)別。

相同點(diǎn)

這三個(gè)方法都可以對(duì)字符串進(jìn)行截取，并且返回一個(gè)新的字符串，也就是不會(huì)對(duì)原字符串進(jìn)行修改

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substr(1,5)
< "12345"
> a
< "0123456789"  //沒(méi)有發(fā)生改變

不同點(diǎn)

這三個(gè)方法的不同之處在于參數(shù)不同。

substring

substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。

語(yǔ)法

string.substring(start,stop)

參數(shù)

參數(shù)	描述
start	必需。一個(gè)非負(fù)的整數(shù)，規(guī)定要提取的子串的第一個(gè)字符在 string 中的位置。
stop	可選。一個(gè)非負(fù)的整數(shù)，比要提取的子串的最后一個(gè)字符在 string 中的位置多 1。如果省略該參數(shù)，那么返回的子串會(huì)一直到字符串的結(jié)尾。

說(shuō)明

1.substring() 方法返回的子串包括 start 處的字符，但不包括 stop 處的字符。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substring(1,5)
< "1234"

2.如果參數(shù) start 與 stop 相等，那么該方法返回的就是一個(gè)空串（即長(zhǎng)度為 0 的字符串）。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substring(1,1)
< ""

3.如果 start 比 stop 大，那么該方法在提取子串之前會(huì)先交換這兩個(gè)參數(shù)。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substring(5,1) //=>a.substring(1,5)
< "1234"

4.如果 start 和 stop 有負(fù)數(shù)，那么會(huì)把該參數(shù)自動(dòng)轉(zhuǎn)為0，然后繼續(xù)上述規(guī)則。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substring(5,-1) //=>a.substring(5,0) => a.substring(0,5)
< "1234"

5.如果 start 和 stop 有正小數(shù)（負(fù)數(shù)直接進(jìn)行第4條），那么會(huì)把該參數(shù)向下取整，然后繼續(xù)上述規(guī)則。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substring(5,2.5) //=>a.substring(5,2) => a.substring(2,5)
< "234"

6.如果 start 和 stop 有字符串，那么會(huì)先進(jìn)行parseInt()，如果轉(zhuǎn)換結(jié)果為NaN，那么就轉(zhuǎn)換為0，其余情況繼續(xù)上述規(guī)則。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substring(5,"2.5") // =>a.substring(5,2) => a.substring(2,5)
< "234"
> a.substring(5,"ss") // =>a.substring(5,2) =>a.substring(5,0) => a.substring(2,5)
< "234"

其他情況就沒(méi)有一一測(cè)試了，當(dāng)然正常情況下盡量不要這么干，畢竟語(yǔ)法上已經(jīng)規(guī)定了是整數(shù)。

substr

substr() 方法可在字符串中抽取從 start 下標(biāo)開(kāi)始的指定數(shù)目的字符。

語(yǔ)法

string.substr(start,length)

重要事項(xiàng)：ECMAscript 沒(méi)有對(duì)該方法進(jìn)行標(biāo)準(zhǔn)化，因此反對(duì)使用它。

參數(shù)

參數(shù)	描述
start	必需。要抽取的子串的起始下標(biāo)。必須是數(shù)值。如果是負(fù)數(shù)，那么該參數(shù)聲明從字符串的尾部開(kāi)始算起的位置。也就是說(shuō)，-1 指字符串中最后一個(gè)字符，-2 指倒數(shù)第二個(gè)字符，以此類推。
length	可選。子串中的字符數(shù)。必須是數(shù)值。如果省略了該參數(shù)，那么返回從 string 的開(kāi)始位置到結(jié)尾的字串。

說(shuō)明

該方法與substring()最大的區(qū)別在于第二個(gè)參數(shù)是你需要截取字符串的長(zhǎng)度，而不是位置。

1.substr() 方法返回的子串從 start 處的字符開(kāi)始（包括）往后截取length長(zhǎng)度，如果超過(guò)最末端就到最末端結(jié)束。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substr(1,5)
< "12345"
> a.substr(1,15) //只會(huì)到最末端，多了沒(méi)用
< "123456789"

2.start可以取負(fù)值，表示從字符串尾部往頭部開(kāi)始數(shù)（從右到左，注意是從1開(kāi)始，比如-1 指字符串中最后一個(gè)字符），但是截取長(zhǎng)度還是從左到右，如果超過(guò)最末端就到最末端結(jié)束。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substr(-4,2) //-4表示從右開(kāi)始數(shù)第4個(gè)，就是"6"，然后取2個(gè)長(zhǎng)度的字符串，就是"67"
< "67"

3.如果length為負(fù)值，那么會(huì)直接當(dāng)成0處理，最終返回""。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substr(4,-2) // => a.substr(4,0)
< ""

4.如果start或者length為小數(shù)，那么會(huì)截取小數(shù)部分。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substr(1.2,5.2) // => a.substr(1,5)
< "12345"

5.如果 start 和 length 有字符串，那么會(huì)先進(jìn)行parseInt()，如果轉(zhuǎn)換結(jié)果為NaN，那么就轉(zhuǎn)換為0，其余情況繼續(xù)上述規(guī)則。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.substr("aa","5") // => a.substr(0,5)
< "01234"

slice

slice() 方法可提取字符串的某個(gè)部分，并以新的字符串返回被提取的部分。

語(yǔ)法

string.slice(start,end)

參數(shù)

參數(shù)	描述
start	必須。要抽取的片斷的起始下標(biāo)。如果是負(fù)數(shù)，則該參數(shù)規(guī)定的是從字符串的尾部開(kāi)始算起的位置。也就是說(shuō)，-1 指字符串的最后一個(gè)字符，-2 指倒數(shù)第二個(gè)字符，以此類推。
end	可選。緊接著要抽取的片段的結(jié)尾的下標(biāo)。若未指定此參數(shù)，則要提取的子串包括 start 到原字符串結(jié)尾的字符串。如果該參數(shù)是負(fù)數(shù)，那么它規(guī)定的是從字符串的尾部開(kāi)始算起的位置。

該方法的兩個(gè)參數(shù)均為位置坐標(biāo)，和subtring比較像，區(qū)別就是該方法支持負(fù)數(shù)，并且不會(huì)交換位置，始終是從start到end，如果該區(qū)間不存在，那么返回""。

1.slice() 方法返回的子串包括 start 處的字符，但不包括 end 處的字符。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.slice(1,5)
< "1234"

2.當(dāng)start或者end為負(fù)值時(shí)，定位方式和substr一直，從右往左數(shù)，從1開(kāi)始。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.slice(1,-1)//起始點(diǎn)從第1（包括）開(kāi)始，結(jié)束點(diǎn)為從右往左數(shù)第1個(gè)（不包括）
< "12345678"

2.start到end的順序始終是從左到右，如果最終start的位置在end的右邊，那么返回""。

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.slice(2,1)//2所在的位置是"2"，1所在的位置是"1"，從2=>1，方向相反，返回為空
< ""
> a.slice(-2,1)//-2所在的位置是"8"，1所在的位置是"1"，從8=>1，方向相反，返回為空
< ""
> a.slice(-2,-1)//-2所在的位置是"8"，-1所在的位置是"9"，從8=>9，方向正常，返回為"8"
< "8"

3.其他情況和substring處理方式一致

//chrome控制臺(tái)
> var a = "0123456789"
< undefined
> a.slice("xx","5.5")// => a.slice(0,5)
< "01234"

小節(jié)

從上面測(cè)試得出結(jié)論，substring不支持負(fù)值，其他兩種方式均支持負(fù)數(shù)表示，并且是從右邊第一位開(kāi)始計(jì)數(shù)。
substr的第二個(gè)參數(shù)是長(zhǎng)度，這是和其他兩種方式最大的不同之處，slice的方向性比較強(qiáng)，永遠(yuǎn)是從start=>end對(duì)應(yīng)左=>右。

以上結(jié)論均在最新谷歌瀏覽器上測(cè)試，IE和火狐未測(cè)試。

GPU云服務(wù)器云服務(wù)器 js_substring_substr java的substring方法 js中的字符串方法 js字符串截取域名

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/97738.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

elva

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

2021年10月國(guó)產(chǎn)數(shù)據(jù)庫(kù)大事記

閱讀 2758·2021-11-17 09:33
c++代碼優(yōu)化~effective c++總結(jié) 10.12

閱讀 945·2021-10-13 09:40
inline 或 inline-block 元素間的間隙

閱讀 678·2019-08-30 15:54
CSS的inline、block與inline-block

閱讀 865·2019-08-29 15:38
CSS進(jìn)階篇--設(shè)置滾動(dòng)條樣式

閱讀 2507·2019-08-28 18:15
vue-router學(xué)習(xí)

閱讀 2559·2019-08-26 13:38
ES6 知識(shí)整理一（es6快速入門(mén)）

閱讀 1920·2019-08-26 13:36
一個(gè)菜鳥(niǎo)(老yin逼)教后端的你如何"一天"做好微信小程序

閱讀 2223·2019-08-26 11:36

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js中截取字符串的三個(gè)方法 substring()、substr()、slice()

相關(guān)文章

**js substr,slice,substring 的用法與區(qū)別**

字符串之截取

字符串方法總結(jié)

**js和es6中的字符串方法總結(jié)**

js基礎(chǔ) 數(shù)組與字符串

發(fā)表評(píng)論

0條評(píng)論

elva

男|高級(jí)講師

TA的文章

2021年10月國(guó)產(chǎn)數(shù)據(jù)庫(kù)大事記

c++代碼優(yōu)化~effective c++總結(jié) 10.12

inline 或 inline-block 元素間的間隙

CSS的inline、block與inline-block

CSS進(jìn)階篇--設(shè)置滾動(dòng)條樣式

vue-router學(xué)習(xí)

ES6 知識(shí)整理一（es6快速入門(mén)）

一個(gè)菜鳥(niǎo)(老yin逼)教后端的你如何"一天"做好微信小程序

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js中截取字符串的三個(gè)方法 substring()、substr()、slice()

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js中截取字符串的三個(gè)方法 substring()、substr()、slice()