js中slice() 和 substring()的用法区别

js中slice() 和 substring()的用法区别

JS提供两种截取字符串的方法,分别是: slice() 和 substring()

slice和substring都可以接受一个或两个参数,第1个参数是获取要截取的字符串的直始位置,第2个参数如果不为空则是获取要截取的字符串的结束位置的前一位（也就是说获取的终点位置不在返回值内）,为空表示截取到整个字符串的最后一个字符

我们来看下两种方法的用法
注意：字符串的位数都是从0开始
<script language="javascript">
var stmp = "rcinn.cn";
//使用一个参数
alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn"
alert(stmp.substring(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn"
//使用两个参数
alert(stmp.slice(1,5))//从第2个字符开始，到第5个字符；返回"cinn"
alert(stmp.substring(1,5));//从第2个字符开始，到第5个字符；返回"cinn"
//如果只用一个参数并且为0的话，那么返回整个参数
alert(stmp.slice(0));//返回整个字符串
alert(stmp.substring(0));//返回整个字符串
//那如何只反回第一个字符呢，可以用其它的函数，那如果一定要用这两个方法的话就指定第一个参数为0，第二个参数为1,看下面的例子
alert(stmp.slice(0,1));//返回"r"
alert(stmp.substring(0,1));//返回"r"
//在上面的例子中我们可以看出slice()和substring()的用法是相同的，返回的值也是一样的，但当参数为负数时，他们的返回值却不一样，看下面的例子
alert(stmp.slice(2,-5));//返回"i"
alert(stmp.substring(2,-5));//返回"rc"
//从上面两个例子可以看出slice(2,-5)实际上是slice(2,3)，负5转换成正3；而substring(2,-5)实际上是substring(2,0)，负数转换为0，swubstring总是把最小的数作为起始位置。
</script>

备注：

该Javascript示例解释：这个示例用到了数组(Array)对象的Slice(start,[end])方法，该方法返回一个新数组，包含了源函数从start到 end 所指定的元素，但是不包括end元素，比如a.slice(0,3)；如果 start 为负，将它作为 length + start处理，此处 length 为数组的长度，比如a.slice(-3,4)，相当于a.slice(2,4)。如果 end 为负，就将它作为 length + end 处理，此处 length 为数组的长度，比如a.slice(0,-1)。如果省略 end ，那么 slice 方法将一直复制到源数组结尾，比如a.slice(1)。如果 end 出现在 start 之前，不复制任何元素到新数组中，比如a.slice(4,3)。