js substr、substring和slice使用说明小记
更新时间：2011年09月15日 16:30:00 作者：
关于substr、substring和slice方法区别的文章，网上搜到了许多，文章内容也基本一致。而后，我将其中一篇文章中的代码挪到本地进行了测试，发现测试结果和原文中的有些出入。
关于substr、substring和slice方法区别的文章，网上搜到了许多，文章内容也基本一致。而后，我将其中一篇文章中的代码挪到本地进行了测试，发现测试结果和原文中的有些出入。
我更相信自己亲自验证过后的代码，随后小记下来，供以后查阅。
substr
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 />");
打印效果
|12345|
|123456|
|6|
IE: |12| Chrome: |23|
substring
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 />");
打印效果
|12345|
|123456|
|2345|
|12|
|12|
slice
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 />");
打印效果
|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：将数值为负数的参数转换为(字符串长度-参数数值)
我更相信自己亲自验证过后的代码，随后小记下来，供以后查阅。
substr
复制代码 代码如下:
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 />");
打印效果
|12345|
|123456|
|6|
IE: |12| Chrome: |23|
substring
复制代码 代码如下:
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 />");
打印效果
|12345|
|123456|
|2345|
|12|
|12|
slice
复制代码 代码如下:
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 />");
打印效果
|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数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数)
- js中slice()方法的使用说明
- javascript Array.prototype.slice使用说明
- js正则函数match、exec、test、search、replace、split使用介绍集合
- js split 的用法和定义 js split分割字符串成数组的实例代码
- js split函数用法总结(从入门到精通)
- js中通过split函数分割字符串成数组小例子
- js字符串截取函数substr substring slice使用对比
- JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
- javascript中不易分清的slice,splice和split三个函数
相关文章
这篇文章主要介绍了js动态获取时间的方法,结合实例形式分析了javascript日期时间计算与页面元素动态操作相关实现技巧,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了IE8中使用javascript动态加载CSS的解决方法,此方法也不是很完美,需要的朋友参考下吧2014-06-06
javascript 浏览器类型和版本号检测代码(兼容多浏览器)
果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法，以飨观众!2010-04-04
这篇文章主要介绍了JavaScript中的ArrayBuffer详细介绍,本文讲解了Array 在内存中的堆栈模型、原始缓冲区的创建、数据化数组、DataView对象、XHR2 中的 ArrayBuffer等内容,需要的朋友可以参考下2014-12-12
Bootstrap Tree View简单而优雅的树结构组件实例解析
本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
这篇文章主要为大家详细介绍了如何利用JavaScript模拟实现Excel条件格式中的色阶效果，文中的示例代码讲解详细，感兴趣的小伙伴可以尝试一下2023-05-05
这篇文章主要给大家介绍了关于利用JavaScript如何查询某个值是否数组内的相关资料，文中通过示例代码分别介绍了实现该问题的一些解决方法是否可行，需要的朋友可以参考借鉴，下面跟着小编来一起学习学习吧。2017-07-07
这篇文章主要介绍了JavaScript返回网页中锚点数目的方法,涉及javascript使用document.anchors获取锚点数目的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了js实现鼠标滑过文字链接色彩变化的效果,涉及javascript鼠标事件及样式操作的技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了JS实现可自定义大小，可双击关闭的弹出层效果,涉及JavaScript定时函数及页面元素动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
最新评论