快捷導(dǎo)航

js substr、substring和slice使用說明小記

更新時間：2011年09月15日 16:30:00 作者：

關(guān)于substr、substring和slice方法區(qū)別的文章，網(wǎng)上搜到了許多，文章內(nèi)容也基本一致。而后，我將其中一篇文章中的代碼挪到本地進(jìn)行了測試，發(fā)現(xiàn)測試結(jié)果和原文中的有些出入。

關(guān)于substr、substring和slice方法區(qū)別的文章，網(wǎng)上搜到了許多，文章內(nèi)容也基本一致。而后，我將其中一篇文章中的代碼挪到本地進(jìn)行了測試，發(fā)現(xiàn)測試結(jié)果和原文中的有些出入。

我更相信自己親自驗證過后的代碼，隨后小記下來，供以后查閱。

substr

復(fù)制代碼代碼如下:

 
document.write("|" + str.substr(0,5) + "|" + "<br />"); 
document.write("|" + str.substr(0) + "|" + "<br />"); 
document.write("|" + str.substr(5,1) + "|" + "<br />"); 
document.write("|" + str.substr(-5,2) + "|" + "<br />"); 
document.write("|" + str.substr(-2,-5) + "|" + "<br />"); 

打印效果

|12345|
|123456|
|6|
IE: |12| Chrome: |23|

substring

復(fù)制代碼代碼如下:

 
document.write("|" + str.substring(0,5) + "|" + "<br />"); 
document.write("|" + str.substring(0) + "|" + "<br />"); 
document.write("|" + str.substring(5,1) + "|" + "<br />"); 
document.write("|" + str.substring(-5,2) + "|" + "<br />"); 
document.write("|" + str.substring(-2,-5) + "|" + "<br />"); 
document.write("|" + str.substring(2,-5) + "|" + "<br />"); 

打印效果
|12345|
|123456|
|2345|
|12|

|12|
slice

復(fù)制代碼代碼如下:

 
document.write("|" + str.slice(0,5) + "|" + "<br />"); 
document.write("|" + str.slice(0) + "|" + "<br />"); 
document.write("|" + str.slice(5,1) + "|" + "<br />"); 
document.write("|" + str.slice(-5,2) + "|" + "<br />"); 
document.write("|" + str.slice(-2,-5) + "|" + "<br />"); 
document.write("|" + str.slice(2,-5) + "|" + "<br />"); 

打印效果
|12345|
|123456|

|2|

||
如果你預(yù)想的結(jié)果和打印效果完全一致，那你的基本功一定不賴。如果多少有點猶豫或者結(jié)果出乎你的意料，那我的文章多少也有點用處了。

總結(jié)

substr

該方法的arg2和其它兩個方法的arg2壓根就代表不同意義，所以單獨揪出來。

當(dāng)arg1<0時，不同瀏覽器的結(jié)果不同。IE 直接將arg1改成0， Chrome 下標(biāo)讀取方式由原來的從左往右讀改成從右往左讀

substring和slice

(1)arg2 > arg1，即參數(shù)2大于參數(shù)1時

substring：自動顛倒位置，數(shù)值大的在arg2位置上，數(shù)值小的在arg1位置上
slice：返回空字符串

(2)對負(fù)數(shù)的處理

substring：將數(shù)值為負(fù)數(shù)的參數(shù)轉(zhuǎn)換為0
slice：將數(shù)值為負(fù)數(shù)的參數(shù)轉(zhuǎn)換為(字符串長度-參數(shù)數(shù)值)

您可能感興趣的文章: