JavaScript常用截取字符串的三種方式用法區別實例解析

stringObject.substring(start,stop) 用于提取字符串中介于兩個指定下標之間的字符。

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

stop可選。一個非負的整數，比要提取的子串的最后一個字符在 stringObject 中的位置多 1。如果省略該參數，那么返回的子串會一直到字符串的結尾。

start從0開始 到stop(不包含stop)結束 不接受負的參數。

stringObject.substr(start,length)可在字符串中抽取從start下標開始的指定數目的字符

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

length 可選。子串中的字符數。必須是數值。如果省略了該參數，那么返回從 stringObject 的開始位置到結尾的字串。

stringObject.slice(start,end)提取字符串的某個部分，并以新的字符串返回被提取的部分

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

end 緊接著要抽取的片段的結尾的下標。若未指定此參數，則要提取的子串包括 start 到原字符串結尾的字符串。如果該參數是負數，那么它規定的是從字符串的尾部開始算起的位置。

返回新的字符串包括字符串 stringObject 從 start 開始（包括 start）到 end 結束（不包括 end）為止的所有字符

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(3));     //”lo world”
alert(stringValue.substring(3));   //”lo world”
alert(stringValue.substr(3));    //”lo world”
alert(stringValue.slice(3,7));     //”lo w”
alert(stringValue.substring(3,7));  //”lo w”
alert(stringValue.substr(3,7));    //”lo worl”

三者如果只有一個參數n 則會從第n個位置開始返回剩余字符串（從0開始計算位置）

如果有兩個參數n，m，slice與substring會從第n個位置開始返回到第m個位置（不包括第m位置）的字符串，而substr會返回從第n個位置開始的m個字符。

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(-3));     //”rld”
alert(stringValue.substring(-3));   //”hello world”
alert(stringValue.substr(-3));    //”rld”
alert(stringValue.slice(3,-4));     //”lo w”
alert(stringValue.substring(3,-4));  //”hel”
alert(stringValue.substr(3,-4));    //”"(空字符串)

當參數是負值情況下，slice將傳入負值與字符串長度(string.length)相加，substr會將負的第一個參數加上字符串長度，第二個轉換為0，substring會將所有負值都轉換成0。

IE的JavaScript實現在處理向substr()方法傳遞負值的情況時存在問題，它會返回原始的字符串。

總結

以上所述是小編給大家介紹的JavaScript常用截取字符串的三種方式用法區別實例解析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！