javascript的slice(),splice(),split(),substring(),substr()

標籤：

例子摘抄於http://www.w3school.com.cn/jsref/jsref_obj_array.asp

 

1.slice（）；

Array和String對象都有

在Array中  slice(i,[j])

i為開始截取的索引值,負數代表從末尾算起的索引值，-1為倒數第一個元素
j為結束的索引值，預設時則擷取從i到末尾的所有元素

參數返回：
返回索引值從i到j的數組，原數組不改變

在String中 slice(i,[j])

參數說明：
i為開始截取的索引值，負數代表從末尾算起的索引值，-1為倒數第一個字元
j為結束的索引值，預設時則擷取從i到末尾的所有字元

 

執行個體例子 1

在本例中，我們將建立一個新數組，然後顯示從其中選取的元素：

<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr + "<br />")document.write(arr.slice(1) + "<br />")document.write(arr)</script>

　　

輸出：

George,John,ThomasJohn,ThomasGeorge,John,Thomas

　　

例子 2

在本例中，我們將建立一個新數組，然後顯示從其中選取的元素：

<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")document.write(arr.slice(2,4) + "<br />")document.write(arr)</script>

　　

輸出：

George,John,Thomas,James,Adrew,MartinThomas,JamesGeorge,John,Thomas,James,Adrew,Martin

　　

 

2.splice（）

存在Array中     方法向/從數組中添加/刪除項目，然後返回被刪除的項目。 該方法會改變原始數組

splice(index,howmany,item1,itemx )

index : 必需。整數，規定添加/刪除項目的位置，使用負數可從數組結尾處規定位置。

howmany: 必需。要刪除的項目數量。如果設定為 0，則不會刪除項目。

item1...itemX : 可選。向數組添加的新項目。

傳回值  Array  包含被刪除項目的新數組，如果有的話。

 

 

 

執行個體例子 1

在本例中，我們將建立一個新數組，並向其添加一個元素：

<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")arr.splice(2,0,"William")document.write(arr + "<br />")</script>

　　

輸出：

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Thomas,James,Adrew,Martin

　　

例子 2

在本例中我們將刪除位元於 index 2 的元素，並添加一個新元素來替代被刪除的元素：

<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")arr.splice(2,1,"William")document.write(arr)</script>

　　

輸出：

George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin

　　

例子 3

在本例中我們將刪除從 index 2 ("Thomas") 開始的三個元素，並添加一個新元素 ("William") 來替代被刪除的元素：

<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")arr.splice(2,3,"William")document.write(arr)</script>

　　

輸出：

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Martin

　　

3.split（）

在String中 split（separator，howmany）

separator：必需。字串或Regex，從該參數指定的地方分割 stringObject。

howmany： 可選。該參數可指定返回的數組的最大長度。如果設定了該參數，返回的子串不會多於這個參數指定的數組。如果沒有設定該參數，整個字串都會被分割，不考慮它的長度。

傳回值

一個字串數組。該數組是通過在separator指定的邊界處將字串StringObject分割成子串建立的。返回的數組的字串不包含separator自身

但是，如果 separator 是包含子運算式的Regex，那麼返回的數組中包括與這些子運算式匹配的字串（但不包括與整個Regex匹配的文本）

與jion（）函數相反效果

4.substring（）

在String中  substring(start,stop)

start：表示子字串的開始位置，

stop：表示結束結果。

注意：第二個參數應該大於第一個參數。如果出現第一個參數大於第二個參數的情況，substring方法會自動更換兩個參數的位置。 

執行個體例子 1

在本例中，我們將使用 substring() 從字串中提取一些字元：

<script type="text/javascript">var str="Hello world!"document.write(str.substring(3))</script>

　　

輸出：

lo world!

　　

 

例子 2

在本例中，我們將使用 substring() 從字串中提取一些字元：

<script type="text/javascript">var str="Hello world!"document.write(str.substring(3,7))</script>

　　

輸出：

lo w

　　

 

5.substr（）

在String中，substr（start，length）；

start：子字串的開始位置，

length：子字串的長度。

 

執行個體例子 1

在本例中，我們將使用 substr() 從字串中提取一些字元：

<script type="text/javascript">var str="Hello world!"document.write(str.substr(3))</script>

　　

輸出：

lo world!

　　

例子 2

在本例中，我們將使用 substr() 從字串中提取一些字元：

<script type="text/javascript">var str="Hello world!"document.write(str.substr(3,7))</script>

　　

輸出：

lo worl

 

6.replace() 

定義和用法

replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。

文法

stringObject.replace(regexp/substr,replacement)

參數	描述
regexp/substr	必需。規定子字串或要替換的模式的 RegExp 對象。 請注意，如果該值是一個字串，則將它作為要檢索的直接量文字模式，而不是首先被轉換為 RegExp 對象。
replacement	必需。一個字串值。規定了替換文本或產生替換文本的函數。

傳回值

一個新的字串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。

說明

字串 stringObject 的 replace() 方法執行的是尋找並替換的操作。它將在 stringObject 中尋找與 regexp 相匹配的子字串，然後用 replacement 來替換這些子串。如果 regexp 具有全域標誌 g，那麼 replace() 方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。

replacement 可以是字串，也可以是函數。如果它是字串，那麼每個匹配都將由字串替換。但是 replacement 中的 $ 字元具有特定的含義。如下表所示，它說明從模式比對得到的字串將用於替換。

字元	替換文本
$1、$2、...、$99	與 regexp 中的第 1 到第 99 個子運算式相匹配的文本。
$&	與 regexp 相匹配的子串。
$`	位於匹配子串左側的文本。
$‘	位於匹配子串右側的文本。
$$	直接量符號。

注意：ECMAScript v3 規定，replace() 方法的參數 replacement 可以是函數而不是字串。在這種情況下，每個匹配都調用該函數，它返回的字串將作為替換文本使用。該函數的第一個參數是匹配模式的字串。接下來的參數是與模式中的子運算式匹配的字串，可以有 0 個或多個這樣的參數。接下來的參數是一個整數，聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject 本身。

執行個體例子 1

在本例中，我們將使用 "W3School" 替換字串中的 "Microsoft"：

<script type="text/javascript">var str="Visit Microsoft!"document.write(str.replace(/Microsoft/, "W3School"))</script>

　　

輸出：

Visit W3School!

　　

例子 2

在本例中，我們將執行一次全域替換，每當 "Microsoft" 被找到，它就被替換為 "W3School"：

<script type="text/javascript">var str="Welcome to Microsoft! "str=str + "We are proud to announce that Microsoft has "str=str + "one of the largest Web Developers sites in the world."document.write(str.replace(/Microsoft/g, "W3School"))</script>

　　

輸出：

Welcome to W3School! We are proud to announce that W3Schoolhas one of the largest Web Developers sites in the world.

　　

例子 3

您可以使用本例提供的代碼來確保匹配字串大寫字元的正確：

text = "javascript Tutorial";text.replace(/javascript/i, "JavaScript");

　　

例子 4

在本例中，我們將把 "Doe, John" 轉換為 "John Doe" 的形式：

name = "Doe, John";name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

　　

例子 5

在本例中，我們將把所有的花引號替換為直引號：

name = ‘"a", "b"‘;name.replace(/"([^"]*)"/g, "‘$1‘");

　　

例子 6

在本例中，我們將把字串中所有單詞的首字母都轉換為大寫：

name = ‘aaa bbb ccc‘;uw=name.replace(/\b\w+\b/g, function(word){  return word.substring(0,1).toUpperCase()+word.substring(1);}  );

　　

javascript的slice(),splice(),split(),substring(),substr()