slice()，substring()和substr()的異同

lyning 發(fā)布于2019-08-26 12:23 / 3184人閱讀

同

三個(gè)方法都是對(duì)字符串的截取操作，返回被操作的字符串，不會(huì)修改字符串本身；

都接受一或兩個(gè)參數(shù)，第一個(gè)參數(shù)都為開(kāi)始的位置；

只有一個(gè)參數(shù)且為正數(shù)的情況下返回的結(jié)果相同；

var str = "12345678";
console.log(str.slice(3)); // "45678"
console.log(str.substring(3)); // "45678"
console.log(str.substr(3)); // "45678"

異 1. 第二個(gè)參數(shù)含義不同

slice()和substring()第二個(gè)參數(shù)含義都為指定字符串最后一個(gè)字符后面的位置，
而substr()第二個(gè)參數(shù)含義為返回的字符數(shù)量

var str = "12345678";
console.log(str.slice(3,4)); // "4"
console.log(str.substring(3,4)); // "4"
console.log(str.substr(3,4)); // "4567"

2. 參數(shù)為負(fù)數(shù)

slice()會(huì)把負(fù)數(shù)與字符串長(zhǎng)度相加

var str = "12345678";
console.log(str.slice(-3)); // 相當(dāng)于 scice(5)  =>  "678"
console.log(str.slice(-3,7)); // 相當(dāng)于 scice(5,7)  =>  "67"
console.log(str.slice(3,-3)); // 相當(dāng)于 scice(3,5)  =>  "45"
console.log(str.slice(-5,-3)); // 相當(dāng)于 scice(3,5)  =>  "45"

substring()會(huì)把負(fù)數(shù)轉(zhuǎn)換為0

var str = "12345678";
console.log(str.substring(-3)); // 相當(dāng)于 substring(0)  =>  "12345678"
console.log(str.substring(-3,7)); // 相當(dāng)于 substring(0,7)  =>  "1234567"
console.log(str.substring(-5,-3)); // 相當(dāng)于 substring(0,0)  =>  ""

substr()第一個(gè)參數(shù)為負(fù)數(shù)會(huì)把負(fù)數(shù)與字符串長(zhǎng)度相加和slice()相同，第二個(gè)參數(shù)為負(fù)數(shù)返回空字符串

var str = "12345678";
console.log(str.substr(-3)); // 相當(dāng)于 substr(5)  =>  678
console.log(str.substr(5,-3)); // 相當(dāng)于 substr(5,0)  =>  ""

3. 兩個(gè)參數(shù)位置顛倒

意思為將較大的數(shù)作為開(kāi)始位置，而將較小的數(shù)作為結(jié)束位置，
這個(gè)不同點(diǎn)只在slice()和substring()才存在，
substr()只有一個(gè)參數(shù)表示位置，還有一個(gè)表示長(zhǎng)度，所以不存在這個(gè)問(wèn)題

slice()會(huì)返回空字符串

var str = "12345678";
console.log(str.slice(5,3)); // ""
console.log(str.slice(-3,3)); // 相當(dāng)于 scice(5,3)  =>  ""
console.log(str.slice(7,-3)); // 相當(dāng)于 scice(7,5)  =>  ""

substring()會(huì)調(diào)換兩個(gè)參數(shù)的位置

var str = "12345678";
console.log(str.substring(5,3)); // 相當(dāng)于 substring(3,5)  =>  "45"
console.log(str.substring(-3,3)); // 相當(dāng)于 substring(0,3)  =>  "123"
console.log(str.substring(7,-3)); // 相當(dāng)于 substring(7,0)  => substring(0,7)  => "1234567"

總結(jié)

來(lái)張表吧

本篇如能對(duì)您有所幫助，實(shí)在是感到榮幸。如有不合理之處也請(qǐng)大家多多指點(diǎn)。