javascript中String類的subString()方法和slice()方法
更新時(shí)間:2011年05月24日 23:45:06 作者:
最近在看《Javascript高級(jí)程序設(shè)計(jì)》一書,在書中發(fā)現(xiàn)一些以前沒有接觸過(guò)的且比較實(shí)用的技巧和知識(shí)點(diǎn),想通過(guò)博客記錄一下,以加深記憶。
在該書2.8.4節(jié)中講到String類中的subString()方法和slice()方法,其用法和返回結(jié)果都基本相同,如下示例:
var strObj = new String("hello world");
alert(strObj.slice(3)); // 輸出結(jié)果:"ol world"
alert(strObj.subString(3)); // 輸出結(jié)果:"ol world"
alert(strObj.slice(3, 7)); // 輸出結(jié)果:"lo w"
alert(strObj.subString(3,7)); // 輸出結(jié)果:"lo w"
由以上代碼的輸出結(jié)果可已看出,slice()方法和subString()方調(diào)用方法法和輸出結(jié)果完全一樣,這兩種方法返回的都是要處理的字符串的子串,都接受一個(gè)或兩個(gè)參數(shù),第一個(gè)參數(shù)是要獲取的子串的起始位置,第二個(gè)參數(shù)是要獲取子串的終止位置,如果第二個(gè)參數(shù)省略終止位置就默認(rèn)為字符串的長(zhǎng)度,且兩個(gè)方法都不改變String對(duì)象自身的值。
為什么有兩個(gè)功能完全相同的方法呢?事實(shí)上,這兩個(gè)方法并不完全相同,不過(guò)只在參數(shù)為負(fù)值時(shí),他們處理參數(shù)的方式稍有不同。
對(duì)于負(fù)數(shù)參數(shù),slice()方法會(huì)用字符串的長(zhǎng)度加上參數(shù),subString()方法將其作為0處理,例如:
var strObj = new String("hello world");
alert(strObj.slice(-3)); // 輸出結(jié)果:"rld"
alert(strObj.subString(-3)); // 輸出結(jié)果:"hello world"
alert(strObj.slice(3,-4)); // 輸出結(jié)果:"lo w"
alert(strObj.subString(3,-4)) // 輸出結(jié)果:"hel"
這樣既可看到slice()和subString()方法的主要不同。當(dāng)只有參數(shù)-3時(shí),slice()返回"rld",subString()則返回"hello world"。這是因?yàn)閷?duì)于字符串"hello world",slice(-3)將被轉(zhuǎn)換成slice(8),而subString(-3)則轉(zhuǎn)化成subString(0)。同樣,使用3和-4差別也是很明顯。slice()方法將被轉(zhuǎn)換成slice(3,7),與前面的例子相同,返回"lo w"。而subString()方法則將這個(gè)兩個(gè)參數(shù)解釋為subString(0,3),實(shí)際上是:subString(0,3),因?yàn)閟ubString()總是把較小的參數(shù)作為起始位,較大的數(shù)字最為終止位。
復(fù)制代碼 代碼如下:
var strObj = new String("hello world");
alert(strObj.slice(3)); // 輸出結(jié)果:"ol world"
alert(strObj.subString(3)); // 輸出結(jié)果:"ol world"
alert(strObj.slice(3, 7)); // 輸出結(jié)果:"lo w"
alert(strObj.subString(3,7)); // 輸出結(jié)果:"lo w"
由以上代碼的輸出結(jié)果可已看出,slice()方法和subString()方調(diào)用方法法和輸出結(jié)果完全一樣,這兩種方法返回的都是要處理的字符串的子串,都接受一個(gè)或兩個(gè)參數(shù),第一個(gè)參數(shù)是要獲取的子串的起始位置,第二個(gè)參數(shù)是要獲取子串的終止位置,如果第二個(gè)參數(shù)省略終止位置就默認(rèn)為字符串的長(zhǎng)度,且兩個(gè)方法都不改變String對(duì)象自身的值。
為什么有兩個(gè)功能完全相同的方法呢?事實(shí)上,這兩個(gè)方法并不完全相同,不過(guò)只在參數(shù)為負(fù)值時(shí),他們處理參數(shù)的方式稍有不同。
對(duì)于負(fù)數(shù)參數(shù),slice()方法會(huì)用字符串的長(zhǎng)度加上參數(shù),subString()方法將其作為0處理,例如:
復(fù)制代碼 代碼如下:
var strObj = new String("hello world");
alert(strObj.slice(-3)); // 輸出結(jié)果:"rld"
alert(strObj.subString(-3)); // 輸出結(jié)果:"hello world"
alert(strObj.slice(3,-4)); // 輸出結(jié)果:"lo w"
alert(strObj.subString(3,-4)) // 輸出結(jié)果:"hel"
這樣既可看到slice()和subString()方法的主要不同。當(dāng)只有參數(shù)-3時(shí),slice()返回"rld",subString()則返回"hello world"。這是因?yàn)閷?duì)于字符串"hello world",slice(-3)將被轉(zhuǎn)換成slice(8),而subString(-3)則轉(zhuǎn)化成subString(0)。同樣,使用3和-4差別也是很明顯。slice()方法將被轉(zhuǎn)換成slice(3,7),與前面的例子相同,返回"lo w"。而subString()方法則將這個(gè)兩個(gè)參數(shù)解釋為subString(0,3),實(shí)際上是:subString(0,3),因?yàn)閟ubString()總是把較小的參數(shù)作為起始位,較大的數(shù)字最為終止位。
您可能感興趣的文章:
- javascript中substr,substring,slice.splice的區(qū)別說(shuō)明
- js substr、substring和slice使用說(shuō)明小記
- js字符串截取函數(shù)substr substring slice使用對(duì)比
- JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- javascript中substring()、substr()、slice()的區(qū)別
- 深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
相關(guān)文章
js實(shí)現(xiàn)字符串和數(shù)組之間相互轉(zhuǎn)換操作
這篇文章主要介紹了js實(shí)現(xiàn)字符串和數(shù)組之間相互轉(zhuǎn)換操作的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-01-01JS簡(jiǎn)單的輪播的圖片滾動(dòng)實(shí)例
JS簡(jiǎn)單的輪播的圖片滾動(dòng)實(shí)例,需要的朋友可以參考一下2013-06-06JavaScript中關(guān)鍵字?var、let、const的區(qū)別詳解
在JavaScript中,var、let和const是用于聲明變量的關(guān)鍵字,它們之間存在一些區(qū)別,這篇文章就給大家詳細(xì)介紹一下它們之間的區(qū)別,文章通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08微信小程序?qū)崿F(xiàn)長(zhǎng)按拖拽排序功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)長(zhǎng)按拖拽排序功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05js如何準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息
這篇文章主要為大家介紹了js準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息的多種方法,包括正則法、split拆分法等,需要的朋友可以參考下2016-04-04通過(guò)JavaScript實(shí)現(xiàn)圖片壓縮
在學(xué)習(xí)的時(shí)候,有時(shí)候看到一些一些網(wǎng)站的圖片是經(jīng)過(guò)壓縮處理的,因?yàn)閴嚎s之后的圖片會(huì)節(jié)省一部分你的內(nèi)存空間,這樣的話也可以提升性能,于是就比較好奇這是如何實(shí)現(xiàn)的,今天我們就簡(jiǎn)單的實(shí)現(xiàn)一下,需要的朋友可以參考下2023-06-06