javascript中substr、substring和slice使用笔记

1、substr方法

<script>
document.write("|" + str.substr(0,5) + "|" + "<br />"); 
document.write("|" + str.substr(0) + "|" + "<br />"); 
document.write("|" + str.substr(5,1) + "|" + "<br />"); 
document.write("|" + str.substr(-5,2) + "|" + "<br />"); 
document.write("|" + str.substr(-2,-5) + "|" + "<br />"); 
</script>

输出结果：
|12345|
|123456|
|6|
IE: |12| Chrome: |23|

2、substring方法

<script>
document.write("|" + str.substring(0,5) + "|" + "<br />"); 
document.write("|" + str.substring(0) + "|" + "<br />"); 
document.write("|" + str.substring(5,1) + "|" + "<br />"); 
document.write("|" + str.substring(-5,2) + "|" + "<br />"); 
document.write("|" + str.substring(-2,-5) + "|" + "<br />"); 
document.write("|" + str.substring(2,-5) + "|" + "<br />"); 
</script>

输出结果：
|12345|
|123456|
|2345|
|12|

|12|

3、slice方法

<script>
document.write("|" + str.slice(0,5) + "|" + "<br />"); 
document.write("|" + str.slice(0) + "|" + "<br />"); 
document.write("|" + str.slice(5,1) + "|" + "<br />"); 
document.write("|" + str.slice(-5,2) + "|" + "<br />"); 
document.write("|" + str.slice(-2,-5) + "|" + "<br />"); 
document.write("|" + str.slice(2,-5) + "|" + "<br />"); 
//http://www.jb200.com
</script>

输出结果：
|12345|
|123456|

|2|

||
如果你预想的结果和打印效果完全一致，那你的基本功一定不赖。如果多少有点犹豫或者结果出乎你的意料，那我的文章多少也有点用处了。

总结如下。

substr
该方法的arg2和其它两个方法的arg2压根就代表不同意义，所以单独揪出来。

当arg1<0时，不同浏览器的结果不同。IE 直接将arg1改成0， Chrome 下标读取方式由原来的从左往右读改成从右往左读

substring和slice
(1)arg2 > arg1，即参数2大于参数1时

substring：自动颠倒位置，数值大的在arg2位置上，数值小的在arg1位置上
slice：返回空字符串

(2)对负数的处理
substring：将数值为负数的参数转换为0
slice：将数值为负数的参数转换为(字符串长度-参数数值)

以上就是今天为大家介绍的内容，javascript中substr、substring和slice的用法，学编程就要亲自动手，多练习，这样进步才快哦。