JavaScript中substring()方法与substr()方法的区别与使用

substring()方法与substr()方法的区别与使用

在日常编程处理字符串的时候，经常会需要用到截取，js提供了两种方法分别是substring()方法和substr()方法。
这两种方法在字面上差不了多少，但是在使用上却是不大相同的。

1、substring(start: int, end: int) 方法
第一个值 start ，表示起始位置；
end ,表示结束位置。

使用代码示例：

function sub1(){
        var str = 'javascript';
        return str.substring(0,4);
    }
    console.log(sub1());     //返回值为‘java’
 
    function sub2(){
        var str = 'javascript';
        return str.substring(1,4);
    }
    console.log(sub2());      //返回值为‘ava’

从上述代码中也可以看出，截取字符串时，截取内容包含了开始位置的元素，但是不包含结束位置的元素。substring()的两位参数均为索引值。

2、substr(index,length)方法
substr方法的第一个值表示起始位置；
第二个值表示截取长度；
示例代码：

function sub3(){
       var str = 'javascript';
       return str.substr(0,4);
   }
   console.log(sub3());         //返回值为‘java’
 
   function sub4(){
       var str = 'javascript';
       return str.substr(1,4);
   }
   console.log(sub4());        //返回值为‘avas’

substr()方法使用的时候包含了起始位置的元素，直接截取需要的长度。

substring()方法与substr()方法两种都是用来截取字符串，但是使用的场景选择不同，都通过起始位置下标找到开始截取的字符串元素，substring()要利用结束位置元素的下标来截取字符串，但是substr()则是直接选择需要的字符串长度来进行截取。