字符串中常见的三个截取子串的有趣方法

首先，我们创建一个字符串，如:

var str = "我是一名前端开发工作者";

OK！创建好了一个字符串后，先来介绍一下本次要说的三个方法，都是用来截取字符串子串的方法，分别是slice()、substring()、substr()三个；
首先，三个方法都有着一些共同点，比如：
1、都有两个参数,其中一个为可选参数
2、返回的都是一个新字符串
3、都无法更改元字符串
话不多说，测试一下：

    str.slice(3,7);        //  "名前端开"
    str;                   //  "我是一名前端开发工作者"

    str.substring(3,7);    //  "名前端开" 
    str;                   //  "我是一名前端开发工作者"

    str.substr(3,7);       //  "名前端开发工作"
    str;                   //  "我是一名前端开发工作者"

体会到他们的共同点了吗，但是，有着共同点的同时你看到他们的区别了吗！

    str.slice(3,7);        //  "名前端开"
    str.substring(3,7);    //  "名前端开"
    str.substr(3,7);       //  "名前端开发工作"

首先看参数，同样的参数，substr()方法却得到了不一样的新子串，原因在于在这里前两者的第二个参数都是代表着截取到某个位置的前一个（下标从0开始，含头不含尾），所以得到的新子串是从下标为3到（7-1）下标处的字符串片段，而对于最后的substr()的第二个参数则表示的是从第一个参数（开始下标处）开始，要截取的字符个数，所以得到的结果是”名前端开发工作”。
然而，这还远远没有结束，我们再来看一组更有意思的案例：

str.slice(3,0);            //  ""
str.substring(3,0)         //  "我是一"
str.substr(3,0);           //  ""

咋地啦，substring()方法还会变形你知道吗，他会智能判断将两个参数中较小的那个参数作为起始下标，较大的那个数值作为结束下标（含头不含尾），这下明白了吗！所以在开发中对于字符串的截取要灵活选用不同的方法适应不同的需求！

字符串中常见的三个截取子串的有趣方法

猜你喜欢