JS截取與分割字串常用技巧詳解

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

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

JS截取字串可使用substring()或slice()
 
函數：substring()

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

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

範例：

var src="images/off_1.png";
alert(src.substring(7,10));
//弹出值为：off

函數：substr()

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

功能：字串截取

範例：

var src="images/off_1.png";
alert(src.substr(7,3));
//弹出值为：off

函數：split()

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

範例：

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

函數：John()

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

範例：

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

函數：indexOf()

功能：傳回字串中符合子字串的第一個字元的下標

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

函數：lastIndexOf()

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

功能：傳回字串索引值

範例：

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
//弹出值依次为：6,15

補充：substr 和substring方法的差異

substr 方法

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

stringvar.substr(start [, length ])

參數

#stringvar

必選項。要提取子字串的字串文字或 String 物件。

start

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

length

可選項。在傳回的子字串中應包含的字元數。

說明

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

範例

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

function SubstrDemo(){
  var s, ss;        // 声明变量。
  var s = "The rain in Spain falls mainly in the plain.";
  ss = s.substr(12, 5); // 获取子字符串。
  return(ss);        // 返回 "Spain"。
}

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 方法的用法。

function SubstringDemo(){
  var ss; // 声明变量。
  var s = "The rain in Spain falls mainly in the plain..";
  ss = s.substring(12, 17); // 取子字符串。
  return(ss); // 返回子字符串。
}

以上是JS截取與分割字串常用技巧詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！