javascript中从字符串中抽取和切割字符串的方法

在截取字符串时常常会用到substr()、substring()、slice()这几个方法，经常会混淆它们之间的用法，所以今天特地总结一下。

slice（）方法

定义：接受一个或者两个参数，第一个参数指定子字符串的开始位置。第二个参数表示子字符串的结束位置（左闭右包）。

例：slice( start , stop )

（1）返回字符串的一个子串。

（2）star为必需：规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。

（3）传递参数为负值的情况下，slice()方法会将传入的负值与字符串长度相加。

（4）当stop比start值小的情况下则返回空字符串。

（5）当传递了两个参数时，第一个不能为负数，不然返回空字符串。

var str = "hello word";

alert( str.slice(-2) );     // "rd"
alert( str.slice(2) );      // "llo word"
alert( str.slice(2,5) );    // "llo"
alert( str.slice(1,-4) );   // "ello "
alert( str.slice(5,3) );    // ""
alert( str.slice(-1,3) );   // ""

substring（）方法

定义：接受一个或者两个参数，第一个参数指定子字符串的开始位置。第二个参数表示子字符串的结束位置（左闭右包）。

例：str.substring( start , stop )

（1）返回字符串的一个子串。

（2）star为必需：规定从何处开始选取。如果一个参数，则将字符串长度作为结束位置。

（3）传递参数为负值或NAN的情况下substring()方法会把所有负值参数转换为0。

（4）如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

var str = "hello word";

alert( str.substring(-2) );     // "hello word"
alert( str.substring(2) );      // "llo word"
alert( str.substring(2,5) );    // "llo"
alert( str.substring(1,-4) );   // "h"
alert( str.substring(5,3) );    // "lo"
alert( str.substring(-1,3) );   // "hel"

substr（）方法

定义：接受一个或者两个参数，第一个参数指定子字符串的开始位置。第二个参数表示返回的字符个数。

例：str.substr(start, length)

（1）返回字符串的一个子串。

（2）star为必需：规定从何处开始选取。如果一个参数，则将字符串长度作为结束位置。

（3）传递参数为负值的情况下substr()方法会将负的第一个参数加上字符串的长度，而将负的第二个参数转换为0。

（4）length如果为0或者负数，则直接返回一个空字符串。

var str = "hello word";

alert( str.substr(-2) );    // "rd"
alert( str.substr(2) );     // "llo word"
alert( str.substr(2,5) );   // "llo w"
alert( str.substr(1,-4) );  // ""
alert( str.substr(5,3) );   // " wo"
alert( str.substr(-1,3) );  // "d"

这样一来，就能够比较清楚的分辨出来三者之间的用法和区别了。