關於splice()方法，slice() 、split()方法講解，reverse()方法、replace()方法

一、slice() 方法可從已有的數組中返回選定的元素。

語法

arrayObject.slice(start,end)

參數	描述
start	必需。規定從何處開始選取。若是是負數，那麼它規定從數組尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推。
end	可選。規定從何處結束選取。該參數是數組片段結束處的數組下標。若是沒有指定該參數，那麼切分的數組包含從 start 到數組結束的全部元素。若是這個參數是負數，那麼它規定的是從數組尾部開始算起的元素。

返回值

返回一個新的數組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。

說明

請注意，該方法並不會修改數組，而是返回一個子數組。若是想刪除數組中的一段元素，應該使用方法 Array.splice()。

提示和註釋

註釋：您可以使用負值從數組的尾部選取元素。

註釋：若是 end 未被規定，那麼 slice() 方法會選取從 start 到數組結尾的全部元素。

 

二、splice() 方法向/從數組中添加/刪除項目，而後返回被刪除的項目。

註釋：該方法會改變原始數組。

語法

arrayObject.splice(index,howmany,item1,.....,itemX)

參數	描述
index	必需。整數，規定添加/刪除項目的位置，使用負數可從數組結尾處規定位置。
howmany	必需。要刪除的項目數量。若是設置爲 0，則不會刪除項目。
item1, ..., itemX	可選。向數組添加的新項目。

返回值

類型	描述
Array	包含被刪除項目的新數組，若是有的話。

說明

splice() 方法可刪除從 index 處開始的零個或多個元素，而且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。

若是從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組。

全部主流瀏覽器都支持 splice() 方法。

註釋：請注意，splice() 方法與 slice() 方法的做用是不一樣的，splice() 方法會直接對數組進行修改。

例子 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 />")

document.write(arr + "<br />")

</script>arr.splice(2,0,"William")

輸出：

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

三、split() 方法用於把一個字符串分割成字符串數組。

語法

stringObject.split(separator,howmany)

參數	描述
separator	必需。字符串或正則表達式，從該參數指定的地方分割 stringObject。
howmany	可選。該參數可指定返回的數組的最大長度。若是設置了該參數，返回的子串不會多於這個參數指定的數組。若是沒有設置該參數，整個字符串都會被分割，不考慮它的長度。

返回值

一個字符串數組。該數組是經過在 separator 指定的邊界處將字符串 stringObject 分割成子串建立的。返回的數組中的字串不包括 separator 自身。

可是，若是 separator 是包含子表達式的正則表達式，那麼返回的數組中包括與這些子表達式匹配的字串（但不包括與整個正則表達式匹配的文本）。

提示和註釋

註釋：若是把空字符串 ("") 用做 separator，那麼 stringObject 中的每一個字符之間都會被分割。

註釋：String.split() 執行的操做與 Array.join 執行的操做是相反的。

實例

例子 1

在本例中，咱們將按照不一樣的方式來分割字符串：

<script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))

</script>

輸出：

How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you

四、reverse() 方法用於顛倒數組中元素的順序。

語法

arrayObject.reverse()

提示和註釋

註釋：該方法會改變原來的數組，而不會建立新的數組。

實例

在本例中，咱們將建立一個數組，而後顛倒其元素的順序：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write()

</script>
arr.reverse()

輸出：

George,John,Thomas
Thomas,John,George

五、replace() 方法

用於在字符串中用一些字符替換另外一些字符，或替換一個與正則表達式匹配的子串。

語法

stringObject.replace(regexp/substr,replacement)

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

返回值

一個新的字符串，是用 replacement 替換了 regexp 的第一次匹配或全部匹配以後獲得的。

說明

字符串 stringObject 的 replace() 方法執行的是查找並替換的操做。它將在 stringObject 中查找與 regexp 相匹配的子字符串，而後用 replacement 來替換這些子串。若是 regexp 具備全局標誌 g，那麼 replace() 方法將替換全部匹配的子串。不然，它只替換第一個匹配子串。

replacement 能夠是字符串，也能夠是函數。若是它是字符串，那麼每一個匹配都將由字符串替換。可是 replacement 中的 $ 字符具備特定的含義。以下表所示，它說明從模式匹配獲得的字符串將用於替換。

字符	替換文本
$一、$二、...、$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()

</script>
str.replace(/Microsoft/, "W3School")

輸出：

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()

</script>
str.replace(/Microsoft/g, "W3School")

輸出：

Welcome to W3School! We are proud to announce that W3School
has 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);}
  );