在JS中,slice()质况、substring()愕宋、substr()都有截取字符串的作用，那他們有哪些用法上的區(qū)別呢结榄？如果你也有疑惑中贝，這篇文章或許能夠幫助到你。
一臼朗、substring()
substring()方法返回一個索引和另一個索引之間的字符串邻寿，語法如下：
str.substring(indexStart, [indexEnd])
下面有六點需要注意：
- substring()從提取的字符indexStart可達(dá)但不包括 indexEnd
- 如果indexStart 等于indexEnd，substring()返回一個空字符串视哑。
- 如果indexEnd省略绣否，則將substring()字符提取到字符串的末尾。
- 如果任一參數(shù)小于0或是NaN挡毅，它被視為為0蒜撮。
- 如果任何一個參數(shù)都大于stringName.length，則被視為是stringName.length慷嗜。
- 如果indexStart大于indexEnd淀弹，那么效果substring()就好像這兩個論點被交換了一樣； 例如庆械，str.substring(1, 0) == str.substring(0, 1)
以下是一些示例代碼：
var str = 'abcdefghij';
console.log('(1, 2): ' + str.substring(1, 2)); // '(1, 2): b'
console.log('(1, 1): ' + str.substring(1, 1)); // '(1, 1): '
console.log('(-3, 2): ' + str.substring(-3, 2)); // '(-3, 2): ab'
console.log('(-3): ' + str.substring(-3)); // '(-3): abcdefghij'
console.log('(1): ' + str.substring(1)); // '(1): bcdefghij'
console.log('(-20, 2): ' + str.substring(-20, 2)); // '(-20, 2): ab'
console.log('(2, 20): ' + str.substring(2, 20)); // '(2, 20): cdefghij'
console.log('(20, 2): ' + str.substring(20, 2)); // '(20, 2): cdefghij'
二薇溃、substr()
substr()方法返回從指定位置開始的字符串中指定字符數(shù)的字符，語法如下：
str.substr(start, [length])
下面有四點需要注意：
substr()會從start獲取長度為length字符（如果截取到字符串的末尾缭乘，則會停止截茹逍颉）。- 如果
start是正的并且大于或等于字符串的長度堕绩，則substr()返回一個空字符串策幼。- 若
start為負(fù)數(shù),則將該值加上字符串長度后再進(jìn)行計算（如果加上字符串的長度后還是負(fù)數(shù)，則從0開始截扰簟）特姐。- 如果
length為0或為負(fù)數(shù)，substr()返回一個空字符串黍氮。如果length省略唐含，則將substr()字符提取到字符串的末尾。
以下是一些示例代碼：
var str = 'abcdefghij';
console.log('(1, 2): ' + str.substr(1, 2)); // '(1, 2): bc'
console.log('(-3, 2): ' + str.substr(-3, 2)); // '(-3, 2): hi'
console.log('(-3): ' + str.substr(-3)); // '(-3): hij'
console.log('(1): ' + str.substr(1)); // '(1): bcdefghij'
console.log('(-20, 2): ' + str.substr(-20, 2)); // '(-20, 2): ab'
console.log('(20, 2): ' + str.substr(20, 2)); // '(20, 2): '
需要注意的是沫浆，Microsoft的JScript不支持起始索引的負(fù)值捷枯。如果要使用此功能，可以使用以下兼容性代碼來解決此錯誤：
// only run when the substr() function is broken
if ('ab'.substr(-1) != 'b') {
/**
* Get the substring of a string
* @param {integer} start where to start the substring
* @param {integer} length how many characters to return
* @return {string}
*/
String.prototype.substr = function(substr) {
return function(start, length) {
// call the original method
return substr.call(this,
// did we get a negative start, calculate how much it is from the beginning of the string
// adjust the start parameter for negative value
start < 0 ? this.length + start : start,
length)
}
}(String.prototype.substr);
}
三专执、substring()與substr()的主要區(qū)別
substring()方法的參數(shù)表示起始和結(jié)束索引淮捆，substr()方法的參數(shù)表示起始索引和要包含在生成的字符串中的字符的長度,示例如下：
var text = 'Mozilla';
console.log(text.substring(2,5)); // => "zil"
console.log(text.substr(2,3)); // => "zil"
四、slice()
slice()方法返回一個索引和另一個索引之間的字符串本股，語法如下：
str.slice(beginIndex[, endIndex])
下面有三點需要注意：
- 若
beginIndex為負(fù)數(shù),則將該值加上字符串長度后再進(jìn)行計算（如果加上字符串的長度后還是負(fù)數(shù)攀痊，則從0開始截取）痊末。- 如果
beginIndex大于或等于字符串的長度蚕苇，則slice()返回一個空字符串。- 如果
endIndex省略凿叠，則將slice()字符提取到字符串的末尾涩笤。如果為負(fù)，它被視為strLength + endIndex其中strLength是字符串的長度盒件。
以下是一些示例代碼：
var str = 'abcdefghij';
console.log('(1, 2): ' + str.slice(1, 2)); // '(1, 2): b'
console.log('(-3, 2): ' + str.slice(-3, 2)); // '(-3, 2): '
console.log('(-3, 9): ' + str.slice(-3, 9)); // '(-3, 9): hi'
console.log('(-3): ' + str.slice(-3)); // '(-3): hij'
console.log('(-3蹬碧，-1): ' + str.slice(-3，-1)); // '(-3炒刁，-1): hi'
console.log('(0恩沽，-1): ' + str.slice(0，-1)); // '(0翔始，-1): abcdefghi'
console.log('(1): ' + str.slice(1)); // '(1): bcdefghij'
console.log('(-20, 2): ' + str.slice(-20, 2)); // '(-20, 2): ab'
console.log('(20): ' + str.slice(20)); // '(20): '
console.log('(20, 2): ' + str.slice(20, 2)); // '(20, 2): '
參考文檔:MDN web docs
原文地址:王玉略的個人網(wǎng)站
