對(duì)于字符串的切割截取平時(shí)所用可能不是特別多，而且分的比較細(xì)，所以自備自查。有備無患。

由于之前所有均在一個(gè)demo測(cè)試，若是哪里打錯(cuò)了，敬請(qǐng)諒解。一些其余屬性找時(shí)間繼續(xù)添加。

1.函數(shù)：split()

功能：使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲(chǔ)到數(shù)組

例子： str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);
//arr是一個(gè)包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的數(shù)組

2.函數(shù)：join()

功能：使用您選擇的分隔符將一個(gè)數(shù)組合并為一個(gè)字符串

例子： var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//結(jié)果是jpg|bmp|gif|ico|png

3.函數(shù):concat（）

功能：將兩個(gè)數(shù)組連接在一起；

例子：arr1=[1,2,3,4]
　　arr2=[5,6,7,8]
　　alert(arr1.concat(arr2)) //結(jié)果為[1,2,3,4,5,6,7,8]

4.函數(shù):charAt()

功能：返回指定位置的字符。字符串中第一個(gè)字符的下標(biāo)是 0。如果參數(shù) index 不在 0 與 string.length 之間，該方法將返回一個(gè)空字符串。

例子:var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charAt(2)) //結(jié)果為g

5:函數(shù):charCodeAt()

功能：charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個(gè)返回值是 0 - 65535 之間的整數(shù)。

方法 charCodeAt() 與 charAt() 方法執(zhí)行的操作相似，只不過前者返回的是位于指定位置的字符的編碼，而后者返回的是字符子串。

例子：var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charCodeAt(2)) //結(jié)果為103。即g的Unicode編碼為103

6.函數(shù):slice()

功能：arrayObject.slice(start,end)

　　start:必需。規(guī)定從何處開始選取。如果是負(fù)數(shù)，那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說，-1 指最后一個(gè)元素，-2 指倒數(shù)第二個(gè)元素，以此類推。

　　end:可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒有指定該參數(shù)，那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù)，那么它規(guī)定的是從數(shù)組尾部開始算起的元素。

　　返回一個(gè)新的數(shù)組，包含從start到end（不包括該元素）的arrayobject中的元素。

例子：var str='ahji3o3s4e6p8a0sdewqdasj'
　　alert(str.slice(2,5)) //結(jié)果ji3

7.函數(shù):substring()

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

語法 stringObject.substring(start,stop)

start 必需。一個(gè)非負(fù)的整數(shù)，規(guī)定要提取的子串的第一個(gè)字符在 stringObject 中的位置。

stop 可選。一個(gè)非負(fù)的整數(shù)，比要提取的子串的最后一個(gè)字符在 stringObject 中的位置多 1。

如果省略該參數(shù)，那么返回的子串會(huì)一直到字符串的結(jié)尾。

返回 一個(gè)新的字符串，該字符串值包含 stringObject 的一個(gè)子字符串，其內(nèi)容是從 start 處到 stop-1 處的所有字符，其長度為 stop 減 start。 說明 substring 方法返回的子串包括 start 處的字符，但不包括 end 處的字符。 如果 start 與 end 相等，那么該方法返回的就是一個(gè)空串（即長度為 0 的字符串）。 如果 start 比 end 大，那么該方法在提取子串之前會(huì)先交換這兩個(gè)參數(shù)。 如果 start 或 end 為負(fù)數(shù)，那么它將被替換為 0。

例子:var str='ahji3o3s4e6p8a0sdewqdasj'
alert(str.substring(2,6)) //結(jié)果為ji3o3

8.函數(shù):substr

定義和用法 substr 方法用于返回一個(gè)從指定位置開始的指定長度的子字符串。

語法 stringObject.substr(start [, length ])

參數(shù) start 必需。所需的子字符串的起始位置。字符串中的第一個(gè)字符的索引為 0。

length 可選。在返回的子字符串中應(yīng)包括的字符個(gè)數(shù)。 說明 如果 length 為 0 或負(fù)數(shù)，將返回一個(gè)空字符串。 如果沒有指定該參數(shù)，則子字符串將延續(xù)到stringObject的最后。

舉例： var str = "0123456789";

　　 alert(str.substring(0));------------"0123456789"
　　 alert(str.substring(5));------------"56789"
　　alert(str.substring(10));-----------""
　　alert(str.substring(12));-----------""
　　alert(str.substring(-5));-----------"0123456789"
　　alert(str.substring(-10));----------"0123456789"
　　alert(str.substring(-12));----------"0123456789"
　　alert(str.substring(0,5));----------"01234"
　　alert(str.substring(0,10));---------"0123456789"
　　alert(str.substring(0,12));---------"0123456789"
　　alert(str.substring(2,0));----------"01"
　　alert(str.substring(2,2));----------""
　　alert(str.substring(2,5));----------"234"
　　alert(str.substring(2,12));---------"23456789"
　　alert(str.substring(2,-2));---------"01"
　　alert(str.substring(-1,5));---------"01234"
　　alert(str.substring(-1,-5));--------""

substr 和 substring方法的區(qū)別

<script type="text/javascript"> 
var str = "0123456789";// 
alert(str.substring(0));//------------"0123456789" 
alert(str.substring(5));//------------"56789" 
alert(str.substring(10));//-----------"" 
alert(str.substring(12));//-----------"" 
alert(str.substring(-5));//-----------"0123456789" 
alert(str.substring(-10));//----------"0123456789" 
alert(str.substring(-12));//----------"0123456789" 
alert(str.substring(0,5));//----------"01234" 
alert(str.substring(0,10));//---------"0123456789" 
alert(str.substring(0,12));//---------"0123456789" 
alert(str.substring(2,0));//----------"01" 
alert(str.substring(2,2));//----------"" 
alert(str.substring(2,5));//----------"234" 
alert(str.substring(2,12));//---------"23456789" 
alert(str.substring(2,-2));//---------"01" 
alert(str.substring(-1,5));//---------"01234" 
alert(str.substring(-1,-5));//--------"" 
alert(str.substr(0));//---------------"0123456789" 
alert(str.substr(5));//---------------"56789" 
alert(str.substr(10));//--------------"" 
alert(str.substr(12));//--------------"" 
alert(str.substr(-5));//--------------"0123456789" 
alert(str.substr(-10));//-------------"0123456789" 
alert(str.substr(-12));//-------------"0123456789" 
alert(str.substr(0,5));//-------------"01234" 
alert(str.substr(0,10));//------------"0123456789" 
alert(str.substr(0,12));//------------"0123456789" 
alert(str.substr(2,0));//-------------"" 
alert(str.substr(2,2));//-------------"23" 
alert(str.substr(2,5));//-------------"23456" 
alert(str.substr(2,12));//------------"23456789" 
alert(str.substr(2,-2));//------------"" 
alert(str.substr(-1,5));//------------"01234" 
alert(str.substr(-1,-5));//-----------"" 
</script>

到此這篇關(guān)于JavaScript截取、切割字符串的技巧的文章就介紹到這了,更多相關(guān)JS截取、切割字符串內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論