js 字符串截取函数substr,substring,slice之间的差异

js 字符串的截取，主要有三个函数，一般使用三个函数：substr,substring,slice。

而这三个函数是不完全一样的，平时很难记住，在这里做下笔记，下次遇到的时候，直接从这里参考，调用合适的方法；

从参数方面考量：当有一个参数（正数）的时候，这三个函数基本上没有基本上没有什么区别

1. 有一个参数（正数）：

 <script>
        var str = "abcdefghijklmnopqrstuvwxyz";
        var a = str.slice(2);
        var b = str.substr(2);
        var c = str.substring(2);
        console.log("a的值为： " + a);
        console.log("b的值为： " + b);
        console.log("c的值为： " + c);
    </script>

运行结果：

1.1 当有一个参数参数为负数时，slice() 会把 参数的值变为 ： str.length + 参数 ；substr()会把参数的值变为：str.length + 参数 ；substring() 会把参数直接变为 ：0

<script>
        var str = "abcdefghijklmnopqrstuvwxyz";
        var a = str.slice(-5);
        var b = str.substr(-5);
        var c = str.substring(-5);
        console.log("a的值为： " + a);
        console.log("b的值为： " + b);
        console.log("c的值为： " + c);
    </script>

运行结果：

2.当有两个参数(都为正数)时，slice()的第一个参数为起始位置，第二个参数为结束位置（但是不包括结束位）；substr()的第一个参数为起始位置，第二个参数为 要截取的字符串长度；substring()第一个参数为起始位置，第二个参数为结束位置（但是不包括结束位）

 <script>
        var str = "abcdefghijklmnopqrstuvwxyz";
        var a = str.slice(3, 10);
        var b = str.substr(3, 10);
        var c = str.substring(3, 10);
        console.log("a的值为： " + a);
        console.log("b的值为： " + b);
        console.log("c的值为： " + c);
    </script>

运行结果：

2.1 当有两个参数（第一个为负，第二个为正），slice() 会把第一个参数变为：str.length+参数；substr()会把第一个参数变为：str.length + 参数；substring()会把参数变为： 0

<script>
        var str = "abcdefghijklmnopqrstuvwxyz";
        var a = str.slice(-3, 10);
        var b = str.substr(-3, 10);
        var c = str.substring(-3, 10);
        console.log("a的值为： " + a);
        console.log("b的值为： " + b);
        console.log("c的值为： " + c);
    </script>

运行结果：

解析如下：

2.2 当有两个参数（第一个为正，第二个为负），slice()会把第二个参数变为：str.length + 参数；substr()会把第二个参数变为：0 ；substring()会把第二个参数变为0，然后对比连个参数的大小，小的放前面

  <script>
        var str = "abcdefghijklmnopqrstuvwxyz";
        var a = str.slice(10, -3);
        var b = str.substr(10, -3);
        var c = str.substring(10, -3);
        console.log("a的值为： " + a);
        console.log("b的值为： " + b);
        console.log("c的值为： " + c);
    </script>

运行结果：

解析：

2.3 当有两个参数（第一个为负，第二个为负）。slice() 函数会把两个参数都变为：str.length + 参数 ；substr()函数会把第一个参数变为：str.length + 参数，把第二个参数变为：0；substring()函数会把两个参数都变为：0

<script>
        var str = "abcdefghijklmnopqrstuvwxyz";
        var a = str.slice(-10, -3);
        var b = str.substr(-10, -3);
        var c = str.substring(-10, -3);
        console.log("a的值为： " + a);
        console.log("b的值为： " + b);
        console.log("c的值为： " + c);
    </script>

运行结果：

解析：