js截取某個字符串前面的內(nèi)容

js截取兩個字符串之間的內(nèi)容：

var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)fff/)[1];
alert(str);//結果bbbcccdddeee

js截取某個字符串前面的內(nèi)容：

var str = "aaabbbcccdddeeefff";
str = str.match(/(\S*)fff/)[1];
alert(str);//結果aaabbbcccddd

js截取某個字符串后面的內(nèi)容：

var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)/)[1];
alert(str);//結果bbbcccdddeeefff

js截取字符串的方法（介紹3種常用的）

js截取字符串常用的字符截取函數(shù)有slice、substring和substr這3個，我們前端人必會這3種方法，我們將從這3個函數(shù)出發(fā)，看看在js中，這些函數(shù)是如何通過js截取字符串的。

1.slice

說明：該slice(start, end)方法返回start和end索引之間的字符串部分。slice像substring。

第一個參數(shù)代表開始位置,第二個參數(shù)代表結束位置的下一個位置,截取出來的字符串的長度為第二個參數(shù)與第一個參數(shù)之間的差;若參數(shù)值為負數(shù),則將該值加上字符串長度后轉為正值;若第一個參數(shù)等于大于第二個參數(shù),則返回空字符串。

const quote = "tangjiusheng.com"; const part = quote.slice(3, 8); // gjius

注：如果end省略索引，它將提取到字符串的末尾。

const quote = "We Stand Together"; const part = quote.slice(3); // Stand Together

slice基本上是為了模仿陣列接口而添加的。（數(shù)組中有一個同名的方法在兩個索引之間提取其一部分，并返回一個新的淺表副本）。

2.substring

說明：該substring(start, end)方法返回start和end索引之間的字符串部分。它從start索引處的字符開始到結束，但不包括索引處的字符end。第一個參數(shù)代表開始位置,第二個參數(shù)代表結束位置的下一個位置;若參數(shù)值為負數(shù),則將該值轉為0;兩個參數(shù)中,取較小值作為開始位置,截取出來的字符串的長度為較大值與較小值之間的差。

const quote = "We Stand Together"; const part = quote.substring(3, 8); // Stand

如果end省略索引，它將提取到字符串的末尾。

const quote = "We Stand Together"; const part = quote.substring(3); // Stand Together

與indexOf方法結合使用，效果會更好。

該indexOf方法返回第一個索引，在該索引處可以找到給定的字符串文本，否則返回-1。

考慮以下代碼在第一個逗號之后提取文本。

const quote = "You know nothing, Jon Snow"; const commaIndex = quote.indexOf(","); const part = quote.substring(commaIndex + 1); //" Jon Snow"

3.substr

說明：該substr(start, length)方法提取字符串的一部分，從指定的索引處開始，并返回指定數(shù)量的字符。第一個參數(shù)代表開始位置,第二個參數(shù)代表截取的長度

PS：字符串都從0開始計起

const quote = "Winter is coming"; const part1 = quote.substr(0, 6); //Winter const part2 = quote.substr(10, 6); //coming

請注意，第一個字符在index處為0。

該start指數(shù)是必需的，但 length是可選的。如果省略，它將提取字符串的其余部分。

const quote = "Winter is coming"; const part = quote.substr(6); // is coming

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論