第javaScript操作字符串的一些常用方法目錄1.獲取字符串長度2.獲取字符串指定位置的值（1）charAt()（2）charCodeAt()3.檢索字符串是否包含特定序列（1）indexOf()（2）lastIndexOf()（3）includes()（4）startsWith()（5）endsWith()4.連接多個字符串5.字符串分割成數組6.截取字符串（1）slice()（2）substr()（3）substring()7.字符串大小寫轉換（1）toLowerCase()（2）toUpperCase()8.字符串模式匹配（1）replace()（2）match()（3）search()9.移除字符串收尾空白符（1）trim()（2）trimStart()（3）trimEnd()10.獲取字符串本身（1）valueOf()（2）toString()11.重復一個字符串12.補齊字符串長度（1）padStart()（2）padEnd()13.字符串轉為數字（1）parseInt()（2）parseFloat()14.如何多次復制一個字符串15.如何填充一個字符串到指定的長度16.如何將字符串拆分為字符數組17.如何計算字符串中的字符18.如何反轉字符串中的字符19.如何將字符串中的第一個字母大寫20.如何在多個分隔符上分割字符串21.如何檢查字符串是否包含特定序列22.如何檢查字符串是否以特定序列開頭或結尾23.如何替換所有出現的字符串24.JSON格式化和解析25.多行字符串和嵌入式表達式26.驗證字符串數組中是否存在子字符串參考文章

1.獲取字符串長度

JavaScript中的字符串有一個length屬性，該屬性可以用來獲取字符串的長度

conststr='hello';

str.length//輸出結果：5

2.獲取字符串指定位置的值

charAt()和charCodeAt()方法都可以通過索引來獲取指定位置的值：

charAt()方法獲取到的是指定位置的字符；charCodeAt()方法獲取的是指定位置字符的Unicode值。

（1）charAt()

charAt()方法可以返回指定位置的字符。其語法如下：

string.charAt(index)

index表示字符在字符串中的索引值：

conststr='hello';

str.charAt(1)//輸出結果：e

字符串也可以通過索引值來直接獲取對應字符，那它和charAt()有什么區別呢

conststr='hello';

str.charAt(1)//輸出結果：e

str[1]//輸出結果：e

str.charAt(5)//輸出結果：''

str[5]//輸出結果：undefined

可以看到，當index的取值不在str的長度范圍內時，str[index]會返回undefined，而charAt(index)會返回空字符串；除此之外，str[index]不兼容ie6-ie8，charAt(index)可以兼容。

（2）charCodeAt()

charCodeAt()：該方法會返回指定索引位置字符的Unicode值，返回值是0-65535之間的整數，表示給定索引處的UTF-16代碼單元，如果指定位置沒有字符，將返回NaN：

letstr="abcdefg";

console.log(str.charCodeAt(1));//"b"--98

通過這個方法，可以獲取字符串中指定Unicode編碼值范圍的字符。比如，數字0～9的Unicode編碼范圍是:48～57，可以通過這個方法來篩選字符串中的數字，當然如果你更熟悉正則表達式，會更方便。

3.檢索字符串是否包含特定序列

這5個方法都可以用來檢索一個字符串中是否包含特定的序列。其中前兩個方法得到的指定元素的索引值，并且只會返回第一次匹配到的值的位置。后三個方法返回的是布爾值，表示是否匹配到指定的值。

注意：這5個方法都對大小寫敏感！

（1）indexOf()

indexOf()：查找某個字符，有則返回第一次匹配到的位置，否則返回-1，其語法如下：

string.indexOf(searchvalue,fromindex)

該方法有兩個參數：

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

letstr="abcdefgabc";

console.log(str.indexOf("a"));//輸出結果：0

console.log(str.indexOf("z"));//輸出結果：-1

console.log(str.indexOf("c",4))//輸出結果：9

（2）lastIndexOf()

lastIndexOf()：查找某個字符，有則返回最后一次匹配到的位置，否則返回-1

letstr="abcabc";

console.log(str.lastIndexOf("a"));//輸出結果：3

console.log(str.lastIndexOf("z"));//輸出結果：-1

該方法和indexOf()類似，只是查找的順序不一樣，indexOf()是正序查找，lastIndexOf()是逆序查找。

（3）includes()

includes()：該方法用于判斷字符串是否包含指定的子字符串。如果找到匹配的字符串則返回true，否則返回false。該方法的語法如下：

string.includes(searchvalue,start)

該方法有兩個參數：

searchvalue：必需，要查找的字符串；start：可選，設置從那個位置開始查找，默認為0。

letstr='Helloworld!';

str.includes('o')//輸出結果：true

str.includes('z')//輸出結果：false

str.includes('e',2)//輸出結果：false

（4）startsWith()

startsWith()：該方法用于檢測字符串是否以指定的子字符串開始。如果是以指定的子字符串開頭返回true，否則false。其語法和上面的includes()方法一樣。

letstr='Helloworld!';

str.startsWith('Hello')//輸出結果：true

str.startsWith('Helle')//輸出結果：false

str.startsWith('wo',6)//輸出結果：true

（5）endsWith()

endsWith()：該方法用來判斷當前字符串是否是以指定的子字符串結尾。如果傳入的子字符串在搜索字符串的末尾則返回true，否則將返回false。其語法如下：

string.endsWith(searchvalue,length)

該方法有兩個參數：

searchvalue：必需，要搜索的子字符串；length：設置字符串的長度，默認值為原始字符串長度string.length。

letstr='Helloworld!';

str.endsWith('!')//輸出結果：true

str.endsWith('llo')//輸出結果：false

str.endsWith('llo',5)//輸出結果：true

可以看到，當第二個參數設置為5時，就會從字符串的前5個字符中進行檢索，所以會返回true。

4.連接多個字符串

concat()方法用于連接兩個或多個字符串。該方法不會改變原有字符串，會返回連接兩個或多個字符串的新字符串。其語法如下：

string.concat(string1,string2,...,stringX)

其中參數string1,string2,...,stringX是必須的，他們將被連接為一個字符串的一個或多個字符串對象。

letstr="abc";

console.log(str.concat("efg"));//輸出結果："abcefg"

console.log(str.concat("efg","hijk"));//輸出結果："abcefghijk"

雖然concat()方法是專門用來拼接字符串的，但是在開發中使用最多的還是加操作符+，因為其更加簡單。

5.字符串分割成數組

split()方法用于把一個字符串分割成字符串數組。該方法不會改變原始字符串。其語法如下：

string.split(separator,limit)

該方法有兩個參數：

separator：必需。字符串或正則表達式，從該參數指定的地方分割string。limit：可選。該參數可指定返回的數組的最大長度。如果設置了該參數，返回的子串不會多于這個參數指定的數組。如果沒有設置該參數，整個字符串都會被分割，不考慮它的長度。

letstr="abcdef";

str.split("c");//輸出結果：["ab","def"]

str.split("",4)//輸出結果：['a','b','c','d']

如果把空字符串用作separator，那么字符串中的每個字符之間都會被分割。

str.split("");//輸出結果：["a","b","c","d","e","f"]

其實在將字符串分割成數組時，可以同時拆分多個分割符，使用正則表達式即可實現：

constlist="apples,bananas;cherries"

constfruits=list.split(/[,;]/)

console.log(fruits);//輸出結果：["apples","bananas","cherries"]

6.截取字符串

substr()、substring()和slice()方法都可以用來截取字符串。

（1）slice()

slice()方法用于提取字符串的某個部分，并以新的字符串返回被提取的部分。其語法如下：

string.slice(start,end)

該方法有兩個參數：

start：必須。要截取的片斷的起始下標，第一個字符位置為0。如果為負數，則從尾部開始截取。end：可選。要截取的片段結尾的下標。若未指定此參數，則要提取的子串包括start到原字符串結尾的字符串。如果該參數是負數，那么它規定的是從字符串的尾部開始算起的位置。

上面說了，如果start是負數，則該參數規定的是從字符串的尾部開始算起的位置。也就是說，-1指字符串的最后一個字符，-2指倒數第二個字符，以此類推：

letstr="abcdefg";

str.slice(1,6);//輸出結果："bcdef"

str.slice(1);//輸出結果："bcdefg"

str.slice();//輸出結果："abcdefg"

str.slice(-2);//輸出結果："fg"

str.slice(6,1);//輸出結果：""

注意，該方法返回的子串包括開始處的字符，但不包括結束處的字符。

（2）substr()

substr()方法用于在字符串中抽取從開始下標開始的指定數目的字符。其語法如下：

string.substr(start,length)

該方法有兩個參數：

start必需。要抽取的子串的起始下標。必須是數值。如果是負數，那么該參數聲明從字符串的尾部開始算起的位置。也就是說，-1指字符串中最后一個字符，-2指倒數第二個字符，以此類推。length：可選。子串中的字符數。必須是數值。如果省略了該參數，那么返回從stringObject的開始位置到結尾的字串。

letstr="abcdefg";

str.substr(1,6);//輸出結果："bcdefg"

str.substr(1);//輸出結果："bcdefg"相當于截取[1,str.length-1]

str.substr();//輸出結果："abcdefg"相當于截取[0,str.length-1]

str.substr(-1);//輸出結果："g"

（3）substring()

substring()方法用于提取字符串中介于兩個指定下標之間的字符。其語法如下：

string.substring(from,to)

該方法有兩個參數：

from：必需。一個非負的整數，規定要提取的子串的第一個字符在string中的位置。to：可選。一個非負的整數，比要提取的子串的最后一個字符在string中的位置多1。如果省略該參數，那么返回的子串會一直到字符串的結尾。

注意：如果參數from和to相等，那么該方法返回的就是一個空串（即長度為0的字符串）。如果from比to大，那么該方法在提取子串之前會先交換這兩個參數。并且該方法不接受負的參數，如果參數是個負數，就會返回這個字符串。

letstr="abcdefg";

str.substring(1,6);//輸出結果："bcdef"[1,6)

str.substring(1);//輸出結果："bcdefg"[1,str.length-1]

str.substring();//輸出結果："abcdefg"[0,str.length-1]

str.substring(6,1);//輸出結果"bcdef"[1,6)

str.substring(-1);//輸出結果："abcdefg"

注意，該方法返回的子串包括開始處的字符，但不包括結束處的字符。

7.字符串大小寫轉換

toLowerCase()和toUpperCase()方法可以用于字符串的大小寫轉換。

（1）toLowerCase()

toLowerCase()：該方法用于把字符串轉換為小寫。

letstr="adABDndj";

str.toLowerCase();//輸出結果："adabdndj"

（2）toUpperCase()

toUpperCase()：該方法用于把字符串轉換為大寫。

letstr="adABDndj";

str.toUpperCase();//輸出結果："ADABDNDJ"

我們可以用這個方法來將字符串中第一個字母變成大寫：

letword='apple'

word=word[0].toUpperCase()+word.substr(1)

console.log(word)//輸出結果："Apple"

8.字符串模式匹配

replace()、match()和search()方法可以用來匹配或者替換字符。

（1）replace()

replace()：該方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。其語法如下：

string.replace(searchvalue,newvalue)

該方法有兩個參數：

searchvalue：必需。規定子字符串或要替換的模式的RegExp對象。如果該值是一個字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉換為RegExp對象。newvalue：必需。一個字符串值。規定了替換文本或生成替換文本的函數。

letstr="abcdef";

str.replace("c","z")//輸出結果：abzdef

執行一個全局替換,忽略大小寫:

letstr="MrBluehasabluehouseandabluecar";

str.replace(/blue/gi,"red");//輸出結果：'Mrredhasaredhouseandaredcar'

注意：如果regexp具有全局標志g，那么replace()方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。

（2）match()

match()：該方法用于在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配。該方法類似indexOf()和lastIndexOf()，但是它返回指定的值，而不是字符串的位置。其語法如下：

string.match(regexp)

該方法的參數regexp是必需的，規定要匹配的模式的RegExp對象。如果該參數不是RegExp對象，則需要首先把它傳遞給RegExp構造函數，將其轉換為RegExp對象。

注意：該方法返回存放匹配結果的數組。該數組的內容依賴于regexp是否具有全局標志g。

letstr="abcdef";

console.log(str.match("c"))//["c",index:2,input:"abcdef",groups:undefined]

（3）search()

search()方法用于檢索字符串中指定的子字符串，或檢索與正則表達式相匹配的子字符串。其語法如下：

string.search(searchvalue)

該方法的參數regex可以是需要在string中檢索的子串，也可以是需要檢索的RegExp對象。

注意：要執行忽略大小寫的檢索，請追加標志i。該方法不執行全局匹配，它將忽略標志g，也就是只會返回第一次匹配成功的結果。如果沒有找到任何匹配的子串，則返回-1。

返回值：返回str中第一個與regexp相匹配的子串的起始位置。

letstr="abcdef";

str.search(/bcd/)//輸出結果：1

9.移除字符串收尾空白符

trim()、trimStart()和trimEnd()這三個方法可以用于移除字符串首尾的頭尾空白符，空白符包括：空格、制表符tab、換行符等其他空白符等。

（1）trim()

trim()方法用于移除字符串首尾空白符，該方法不會改變原始字符串：

letstr="abcdef"

str.trim()//輸出結果："abcdef"

注意，該方法不適用于null、undefined、Number類型。

（2）trimStart()

trimStart()方法的的行為與trim()一致，不過會返回一個從原始字符串的開頭刪除了空白的新字符串，不會修改原始字符串：

consts='abc';

s.trimStart()//"abc"

（3）trimEnd()

trimEnd()方法的的行為與trim()一致，不過會返回一個從原始字符串的結尾刪除了空白的新字符串，不會修改原始字符串：

consts='abc';

s.trimEnd()//"abc"

10.獲取字符串本身

valueOf()和toString()方法都會返回字符串本身的值，感覺用處不大。

（1）valueOf()

valueOf()：返回某個字符串對象的原始值，該方法通常由JavaScript自動進行調用，而不是顯式地處于代碼中。

letstr="abcdef"

console.log(str.valueOf())//"abcdef"

（2）toString()

toString()：返回字符串對象本身

letstr="abcdef"

console.log(str.toString())//"abcdef"

11.重復一個字符串

repeat()方法返回一個新字符串，表示將原字符串重復n次：

'x'.repeat(3)//輸出結果："xxx"

'hello'.repeat(2)//輸出結果："hellohello"

'na'.repeat(0)//輸出結果：""

如果參數是小數，會向下取整：

'na'.repeat(2.9)//輸出結果："nana"

如果參數是負數或者Infinity，會報錯：

'na'.repeat(Infinity)//RangeError

'na'.repeat(-1)//RangeError

如果參數是0到-1之間的小數，則等同于0，這是因為會先進行取整運算。0到-1之間的小數，取整以后等于-0，repeat視同為0。

'na'.repeat(-0.9)//輸出結果：""

如果參數是NaN，就等同于0：

'na'.repeat(NaN)//輸出結果：""

如果repeat的參數是字符串，則會先轉換成數字。

'na'.repeat('na')//輸出結果：""

'na'.repeat('3')//輸出結果："nanana"

12.補齊字符串長度

padStart()和padEnd()方法用于補齊字符串的長度。如果某個字符串不夠指定長度，會在頭部或尾部補全。

（1）padStart()

padStart()用于頭部補全。該方法有兩個參數，其中第一個參數是一個數字，表示字符串補齊之后的長度；第二個參數是用來補全的字符串。?

如果原字符串的長度，等于或大于指定的最小長度，則返回原字符串：

'x'.padStart(1,'ab')//'x'

如果用來補全的字符串與原字符串，兩者的長度之和超過了指定的最小長度，則會截去超出位數的補全字符串：

'x'.padStart(5,'ab')//'ababx'

'x'.padStart(4,'ab')//'abax'

如果省略第二個參數，默認使用空格補全長度：

'x'.padStart(4)//'x'

padStart()的常見用途是為數值補全指定位數，筆者最近做的一個需求就是將返回的頁數補齊為三位，比如第1頁就顯示為001，就可以使用該方法來操作：

"1".padStart(3,'0')//輸出結果：'001'

"15".padStart(3,'0')//輸出結果：'015'

（2）padEnd()

padEnd()用于尾部補全。該方法也是接收兩個參數，第一個參數是字符串補全生效的最大長度，第二個參數是用來補全的字符串：

'x'.padEnd(5,'ab')//'xabab'

'x'.padEnd(4,'ab')//'xaba'

13.字符串轉為數字

parseInt()和parseFloat()方法都用于將字符串轉為數字。

（1）parseInt()

parseInt()方法用于可解析一個字符串，并返回一個整數。其語法如下：

parseInt(string,radix)

該方法有兩個參數：

string：必需。要被解析的字符串。radix：可選。表示要解析的數字的基數。該值介于2~36之間。

當參數radix的值為0，或沒有設置該參數時，parseInt()會根據string來判斷數字的基數。

parseInt("10");//輸出結果：10

parseInt("17",8);//輸出結果：15(8+7)

parseInt("010");//輸出結果：10或8

當參數radix的值以0x或0X開頭，將以16為基數：

parseInt("0x10")//輸出結果：16

如果該參數小于2或者大于36，則parseInt()將返回NaN：

parseInt("50",1)//輸出結果：NaN

parseInt("50",40)//輸出結果：NaN

只有字符串中的第一個數字會被返回，當遇到第一個不是數字的字符為止:

parseInt("404years")//輸出結果：40

如果字符串的第一個字符不能被轉換為數字，就會返回NaN：

parseInt("new100")//輸出結果：NaN

字符串開頭和結尾的空格是允許的：

parseInt("60")//輸出結果：60

（2）parseFloat()

parseFloat()方法可解析一個字符串，并返回一個浮點數。該方法指定字符串中的首個字符是否是數字。如果是，則對字符串進行解析，直到到達數字的末端為止，然后以數字返回該數字，而不是作為字符串。其語法如下：

parseFloat(string)

parseFloat將它的字符串參數解析成為浮點數并返回。如果在解析過程中遇到了正負號（+或-）、數字(0-9)、小數點，或者科學記