這篇文章主要介紹了JS截取與分割字符串常用技巧,以實例形式分析你了JavaScript針對字符串的截取與分割常用函數的定義、功能及使用技巧,并補充分析了substr和substring方法的區別,需要的朋友可以參考下

本文實例講述了JS截取與分割字符串的常用方法。分享給大家供大家參考，具體如下：

JS截取字符串可使用 substring()或者slice()

函數：substring()

定義：substring(start,end)表示從start到end之間的字符串，包括start位置的字符但是不包括end位置的字符。

功能：字符串截取，比如想從"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)

例子：

1. var src="images/off_1.png"; 
2. alert(src.substring(7,10)); 
3. //彈出值為：off 

函數：substr()

定義：substr(start,length)表示從start位置開始，截取length長度的字符串。

功能：字符串截取

例子：

1. var src="images/off_1.png"; 
2. alert(src.substr(7,3)); 
3. //彈出值為：off 

函數：split()

功能：使用一個指定的分隔符把一個字符串分割存儲到數組

例子：

1. str="jpg|bmp|gif|ico|png"; 
2. arr=theString.split("|"); 
3. //arr是一個包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的數組 

函數：John()

功能：使用您選擇的分隔符將一個數組合并為一個字符串

例子：

1. var delimitedString=myArray.join(delimiter); 
2. var myList=new Array("jpg","bmp","gif","ico","png"); 
3. var portableList=myList.join("|"); 
4. //結果是jpg|bmp|gif|ico|png 

函數：indexOf()

功能：返回字符串中匹配子串的第一個字符的下標

1. var myString="JavaScript"; 
2. var w=myString.indexOf("v");w will be 2 
3. var x=myString.indexOf("S");x will be 4 
4. var y=myString.indexOf("Script");y will also be 4 
5. var z=myString.indexOf("key");z will be -1  

函數：lastIndexOf()

定義：lastIndexOf()方法返回從右向左出現某個字符或字符串的首個字符索引值(與indexOf相反)

功能：返回字符串索引值

例子：

1. var src="images/off_1.png"; 
2. alert(src.lastIndexOf('/')); 
3. alert(src.lastIndexOf('g')); 
4. //彈出值依次為：6,15 

補充：substr 和 substring方法的區別

substr 方法

返回一個從指定位置開始的指定長度的子字符串。

stringvar.substr(start [, length ])

參數

stringvar

必選項。要提取子字符串的字符串文字或 String 對象。

start

必選項。所需的子字符串的起始位置。字符串中的第一個字符的索引為 0。

length

可選項。在返回的子字符串中應包括的字符個數。

說明

如果 length 為 0 或負數，將返回一個空字符串。如果沒有指定該參數，則子字符串將延續到 stringvar 的最后。

示例

下面的示例演示了substr 方法的用法。

1. function SubstrDemo(){ 
2. var s, ss; // 聲明變量。 
3. var s = "The rain in Spain falls mainly in the plain."; 
4. ss = s.substr(12, 5); // 獲取子字符串。 
5. return(ss); // 返回 "Spain"。 
6. } 

substring 方法

返回位于 String 對象中指定位置的子字符串。

strVariable.substring(start, end)

"String Literal".substring(start, end)

參數

start

指明子字符串的起始位置，該索引從 0 開始起算。

end

指明子字符串的結束位置，該索引從 0 開始起算。

說明

substring 方法將返回一個包含從 start 到最后(不包含 end )的子字符串的字符串。

substring 方法使用 start 和 end 兩者中的較小值作為子字符串的起始點。例如， strvar.substring(0, 3) 和 strvar.substring(3, 0) 將返回相同的子字符串。

如果 start 或 end 為 NaN 或者負數，那么將其替換為0。

子字符串的長度等于 start 和 end 之差的絕對值。例如，在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的長度是 3。

示例

下面的示例演示了 substring 方法的用法。

1. function SubstringDemo(){ 
2. var ss; // 聲明變量。 
3. var s = "The rain in Spain falls mainly in the plain.."; 
4. ss = s.substring(12, 17); // 取子字符串。 
5. return(ss); // 返回子字符串。 
6. } 

希望本文所述對大家JavaScript程序設計有所幫助。