JavaScript 中的字符串分割 slice()、substr()、substring()

素颜马尾好姑娘i 2022-06-17 09:00 226阅读 0赞

**相同点**：

1、三个函数均可接受两个参数，其中第二个参数可选。

2、只传一个参数且参数为正值时，三个函数返回值相同。

3、均不改变原字符串，返回新字符串。

**不同点**：

1、第一个参数指定字符串的开始位置，第二个参数：

（1）slice() 及 substring() 的第二个参数指定字符串的结束位置（不包括该指定字符）。

（2）substr() 的第二个参数指定子字符串的长度。

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

2、对于负值参数的处理不同：

（1）slice() 两个参数均支持负数（将其值与字符串长度相加）。

（2）substr() 第一个参数支持负数，第二个参数会将负数转换为0。

（3）substring() 两个参数均将负数转换为0。

var string = "hello world";
    
    alert(string.slice(-3));                      //"rld"
    alert(string.substring(-3));                  //"hello world"
    alert(string.substr(-3));                     //"rld"
    
    alert(string.slice(3, -4));                   //"lo w"
    alert(string.substring(3, -4));               //"hel"
    alert(string.substr(3, -4));                  //""（第二个参数即字符串长度为0）

3、对于 slice() 和 substring()，如果第二个参数小于第一个参数：

（1）slice() 将返回空字符串。

（2）substring() 将把小的那个值当做开始位置，大的值当做结束位置。

var string = "hello world";
    
    string.slice(5, 2);                //""
    string.substring(5, 2);            //"llo"