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

太过爱你忘了你带给我的痛 2022-06-16 03:08 154阅读 0赞

在截取字符串时常常会用到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"

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