常用的 JavaScript String 對象 indexOf() substring() split() replace()

文章目錄

• JavaScript indexOf() 方法
• JavaScript substring() 方法
• JavaScript split() 方法
• JavaScript replace() 方法

JavaScript indexOf() 方法定義和用法

indexOf() 方法可返回某個指定的字串值在字串中首次出現的位置。

文法

stringObject.indexOf(searchvalue,fromindex)

參數
描述

searchvalue
必需。規定需檢索的字串值。

fromindex
可選的整數參數。規定在字串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數，則將從字串的首字元開始檢索。

說明

該方法將從頭到尾地檢索字串 stringObject，看它是否含有子串 searchvalue。開始檢索的位置在字串的 fromindex 處或字串的開頭（沒有指定 fromindex 時）。如果找到一個 searchvalue，則返回 searchvalue 的第一次出現的位置。stringObject 中的字元位置是從 0 開始的。

提示和注釋

注釋：indexOf() 方法對大小寫敏感！

注釋：如果要檢索的字串值沒有出現，則該方法返回 -1。

執行個體

在本例中，我們將在 "Hello world!" 字串內進行不同的檢索：

<script type="text/javascript">var str="Hello world!"document.write(str.indexOf("Hello") + "<br />")document.write(str.indexOf("World") + "<br />")document.write(str.indexOf("world"))</script>

以上代碼的輸出：

0-16

=========================

JavaScript substring() 方法定義和用法

substring() 方法用於提取字串中介於兩個指定下標之間的字元。

文法

stringObject.substring(start,stop)

參數
描述

start
必需。一個非負的整數，規定要提取的子串的第一個字元在 stringObject 中的位置。

stop

可選。一個非負的整數，比要提取的子串的最後一個字元在 stringObject 中的位置多 1。

如果省略該參數，那麼返回的子串會一直到字串的結尾。

傳回值

一個新的字串，該字串值包含 stringObject 的一個子字串，其內容是從 start 處到 stop-1 處的所有字元，其長度為 stop 減 start。

說明

substring() 方法返回的子串包括 start 處的字元，但不包括 stop 處的字元。

如果參數 start 與 stop 相等，那麼該方法返回的就是一個空串（即長度為 0 的字串）。如果 start 比 stop 大，那麼該方法在提取子串之前會先交換這兩個參數。

提示和注釋

重要事項：與 slice()和 substr()方法不同的是，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

========================

JavaScript split() 方法定義和用法

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

文法

stringObject.split(separator,howmany)

參數
描述

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

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

傳回值

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

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

提示和注釋

注釋：如果把Null 字元串 ("") 用作 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

例子 2

在本例中，我們將分割結構更為複雜的字串：

"2:3:4:5".split(":")//將返回["2", "3", "4", "5"]"|a|b|c".split("|")//將返回["", "a", "b", "c"]

例子 3

使用下面的代碼，可以把句子分割成單詞：

var words = sentence.split(' ')

或者使用Regex作為 separator：

var words = sentence.split(/\s+/)

例子 4

如果您希望把單詞分割為字母，或者把字串分割為字元，可使用下面的代碼：

"hello".split("")//可返回 ["h", "e", "l", "l", "o"]

若只需要返回一部分字元，請使用 howmany 參數：

"hello".split("", 3)//可返回 ["h", "e", "l"]

===============================

JavaScript 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);}  );

TIY

replace() 1

如何使用 replace() 來替換字串中的字元。

replace() 2 - 全域搜尋

如何使用 replace() 進行全域替換。

replace() 3 - 對大小寫不敏感的搜尋

如何使用 replace() 確保大寫字母的正確性。

replace() 4

如何使用 replace() 來轉換姓名的格式。

replace() 5

如何使用 replace() 來轉換引號。

replace() 6

如何使用 replace() 把單詞的首字母轉換為大寫。