JavaScript字符串的常用方法有哪些

本文小編為大家詳細(xì)介紹“JavaScript字符串的常用方法有哪些”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“JavaScript字符串的常用方法有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

1.字符串長度

length 屬性返回字符串的長度：

var str = "字符串常用方法總結(jié)-東東吖";
str.length;  //13

2.查找字符串中的位置

有三種查找字符串中的位置：

• indexOf（）

• lastIndexOf()

• search()

indexOf()

indexOf() 方法返回字符串中指定文本首次出現(xiàn)的索引（從0開始),如果沒有則為-1，可以設(shè)置第二個(gè)參數(shù)，假如第二個(gè)參數(shù)是 10，則從位置 10 開始檢索，直到字符串的起點(diǎn)。

var str = "字符串常用方法總結(jié)-東東吖";
str.indexOf('東')  //10
str.indexOf('東',11)  //11
str.indexOf('東東') //10
str.indexOf('方法')  //5
str.indexOf('前')  //-1

lastIndexOf()

lastIndexOf() 方法返回指定文本在字符串中最后一次出現(xiàn)的索引（從尾到頭）,如果沒有則為-1?？梢栽O(shè)置第二個(gè)參數(shù)，假如第二個(gè)參數(shù)是 10，則從位置 10 開始檢索，直到字符串的起點(diǎn)。（這里需認(rèn)真理解最后一次的概念）

var str = "字符串常用方法總結(jié)-東東吖";
str.lastIndexOf('總')     //7
str.lastIndexOf('吖')    //12
str.lastIndexOf('東')    //11
str.lastIndexOf('東',10)  //10
str.lastIndexOf('東東')  //10
str.indexOf('前')       //-1

search()

search() 方法搜索特定值的字符串，并返回匹配的位置：

var str = "字符串常用方法總結(jié)-東東吖";
str.search('方') //5
str.search('東') //10
str.search('東東') //10

您注意到了嗎?

兩種方法，indexOf() 與 search()，是相等的。

這兩種方法是不相等的。區(qū)別在于：

• search() 方法無法設(shè)置第二個(gè)開始位置參數(shù)。

• indexOf() 方法無法設(shè)置更強(qiáng)大的搜索值（正則表達(dá)式）

3.提取部分字符串

有三種提取部分字符串的方法：

• slice(start, end)

• substring(start, end)

• substr(start, length)

substring()和substr()記憶方法：有ing尾巴的使用尾巴，沒尾巴的使用長度。

slice()

slice() 提取字符串的某個(gè)部分并在新字符串中返回被提取的部分。

該方法設(shè)置兩個(gè)參數(shù)：起始索引（開始位置），終止索引（結(jié)束位置）

var str = "Apple, Banana, Mango";
str.slice(0,8);  // 'Apple, B'   注意此處空格也占一個(gè)位置

如果某個(gè)參數(shù)為負(fù)，則從字符串的結(jié)尾開始計(jì)數(shù)。

這個(gè)例子裁剪字符串中位置 -12 到位置 -6 的片段：

var str = "Apple, Banana, Mango";
str.slice(-13,-7);  //'Banana'

如果省略第二個(gè)參數(shù)，則該方法將裁剪字符串的剩余部分：

var str = "Apple, Banana, Mango";
str.slice(7);     //'Banana, Mango'
str.slice(-13);   //'Banana, Mango'

substring()

substring() 類似于 slice()。

不同之處在于substring() 無法接受負(fù)的索引,同樣可以省略第二個(gè)參數(shù)。

var str = "Apple, Banana, Mango";
 str.substring(7,13);  //'Banana'
 str.substring(7); //'Banana, Mango'

substr()

substr() 類似于 slice()。

不同之處在于第二個(gè)參數(shù)規(guī)定被提取部分的長度，同樣可以省略第二個(gè)參數(shù)、如果首個(gè)參數(shù)為負(fù)，則從字符串的結(jié)尾計(jì)算位置。

var str = "Apple, Banana, Mango";
str.substr(7,6);  //'Banana'
str.substr(7);   //'Banana, Mango'
str.substr(-5);  //'Mango'

4.替換字符串內(nèi)容

• replace() 方法用另一個(gè)值替換在字符串中指定的值

• replace() 方法不會(huì)改變調(diào)用它的字符串。它返回的是新字符串

• replace() 默認(rèn)只替換首個(gè)匹配

• 如需替換所有匹配，請(qǐng)使用正則表達(dá)式的 /str/g 標(biāo)志（用于全局搜索）：

• 如需執(zhí)行大小寫不敏感的替換，請(qǐng)使用正則表達(dá)式/str/i（大小寫不敏感）：

var str ='我叫東東吖，我是一名前端工程師！';
str.replace("前","后");   // "我叫東東吖，我是一名后端工程師！"
str.replace("東","西");   //"我叫西東吖，我是一名前端工程師！"

var str = "Please visit Microsoft!";
str.replace(/MICROSOFT/i, "W3School");    // "Please visit W3School!"

5.轉(zhuǎn)換為大寫和小寫

通過 toUpperCase() 把字符串轉(zhuǎn)換為大寫

通過 toLowerCase() 把字符串轉(zhuǎn)換為小寫

var str ="abc"; 
str.toUpperCase();    // "ABC" 

var str ="CBD";
str.toLowerCase();    //"cbd"

6.連接字符串

concat() 連接兩個(gè)或多個(gè)字符串：

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

所有字符串方法都會(huì)返回新字符串。它們不會(huì)修改原始字符串。

正式地說：字符串是不可變的：字符串不能更改，只能替換。

7.刪除字符串兩端的空白符

trim() 方法刪除字符串兩端的空白符：

var str = "       Hello Worl d!        ";
str.trim();      // "Hello World!"

8.提取字符串字符

這是兩個(gè)提取字符串字符的安全方法：

• charAt() 方法返回字符串中指定下標(biāo)（位置）的字符串：

• charCodeAt() 方法返回字符串中指定索引的字符 unicode 編碼：

var str = "HELLO WORLD";
str.charAt(0);         //  H
str.charCodeAt(0);     // 72

讀到這里，這篇“JavaScript字符串的常用方法有哪些”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。