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：将数值为负数的参数转换为(字符串长度-参数数值)

您可能感兴趣的文章:

js实现上传图片之上传前预览图片
此功能用js实现，然后在fileupload控件的change事件中调用，这样当用fileupload选择完图片以后，图片就会自动显示出来了，感兴趣的各位可以参考下哈
2013-03-03
JS中type="button"和type="submit"的区别
Submit是专门用于提交表单的Button，与Button的区别主要有两点：type=button 就单纯是按钮功能，type=submit 是发送表单。下面通过本文给大家分享JS中type="button"和type="submit"的区别，感兴趣的的朋友一起看看吧
2017-07-07
JS实现Excel导出功能以及导出乱码问题解决详解
这篇文章主要为大家详细介绍了JavaScript如何调用后台接口实现Excel导出功能以及导出乱码问题的解决办法，需要的小伙伴可以参考一下
2023-07-07
小程序兼容安卓和IOS数据处理问题及坑
这篇文章主要介绍了小程序兼容安卓和IOS数据处理问题及坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
利用js实现禁止复制文本信息
本文主要是通过javascript实现禁止浏览器中复制文本内容的方法，十分的简单，而且兼容IE和FF，有需要的小伙伴可以参考下
2015-06-06
JS实现轮播图小案例
这篇文章主要为大家详细介绍了JS实现轮播图小案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
TypeScript高级用法的知识点汇总
这篇文章主要给大家介绍了关于TypeScript高级用法的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用TypeScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-12-12
移动端点击态处理的三种实现方式
在移动端开发的时候，常常需要加点击态，就是当用户点击某个URL时，给相应的标签添加按下效果样式。这篇文章给大家分享了三种实现方法，包括伪类:active、webkit-tap-highlight-color和touch事件，下面来一起看看详细的介绍吧。
2017-01-01
js 返回时间戳所对应的具体时间
返回unix时间戳所对应的具体时间的代码
2010-07-07
JS实现在Repeater控件中创建可隐藏区域的代码
在WEB应用中，如何才能使应用高效率呢?如何才能吸引用户呢?这的确是个大学问,页面的内容,色搭配等都十分重要。但不可忽视的是,多数情况下，对于数据的呈现方式也是十分重要的。
2010-09-09