DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS截取字符串實例詳解
JS截取字符串實例詳解
編輯:關於JavaScript     

本文實例講述了JS截取字符串的方法。分享給大家供大家參考,具體如下:

js截取字符串可使用 substring()或者slice()
 
函數: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

函數:substring()

功能:字符串截取,比如想從"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)
 
函數: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 

補充:JS截取字符串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); // 返回子字符串。
}

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved