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

來源:互聯網
上載者:User
文章目錄
  • 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 處的所有字元,其長度為 stopstart

說明

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

如果參數 startstop 相等,那麼該方法返回的就是一個空串(即長度為 0 的字串)。如果 startstop 大,那麼該方法在提取子串之前會先交換這兩個參數。

提示和注釋

重要事項:與 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() 把單詞的首字母轉換為大寫。
相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。