深入浅析JavaScript字符串操作方法slice、substr、substring及其IE兼容性_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了深入浅析JavaScript字符串操作方法slice、substr、substring及其IE兼容性_javascript技巧,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3767字,纯文字阅读大概需要6分钟。
内容图文
![深入浅析JavaScript字符串操作方法slice、substr、substring及其IE兼容性_javascript技巧](/upload/InfoBanner/zyjiaocheng/329/dbc6349967b7408fb36711af849c2b39.jpg)
阅读目录
?slice()
?substring()
?substr()
?总结
slice()
定义:接受一个或者两个参数,第一个参数指定子字符串的开始位置。第二个参数表示子字符串的结束位置(不包括结束位置的那个字符),如果没有传递第二个参数,则将字符串的长度作为结束位置。
1、传递参数为正值情况:
2、传递参数为负值的情况:
3、第二个参数比第一个参数值小的情况:
slice()方法传入的第二个参数比第一个参数小的话,则返回空字符串。
4、IE兼容性
在IE8浏览器测试下,没啥问题,行为与现代浏览器一致。
substring()
定义:接受一个或者两个参数,第一个参数指定子字符串的开始位置。第二个参数表示子字符串的结束位置(不包括结束位置的那个字符),如果没有传递第二个参数,则将字符串的长度作为结束位置。
1、传递参数为正值情况:与slice()方法行为相同的
2、传递参数为负值的情况:
substring()方法会把所有负值参数转换为0。来看下例子:
substring()方法会将较小的数作为开始位置,将较大的数作为结束位置。如上面的例子substring(3,0) 与substring(0,3)是一样效果的。
4、IE兼容性
在IE8浏览器测试下,没啥问题,行为与现代浏览器一致。
substr()
定义:接受一个或者两个参数,第一个参数指定子字符串的开始位置。第二个参数跟之前的方法有些区别,表示返回的字符个数。如果没有传递第二个参数,则将字符串的长度作为结束位置。来看例子:
1、传递参数为正值情况:
2、传递参数为负值的情况:
substr()方法会将负的第一个参数加上字符串的长度,而将负的第二个参数转换为0。
3、IE兼容性
substr()方法传递负值的情况下会存在问题,会返回原始的字符串。IE9修复了此问题。
总结
在传递正值参数情况下,slice() 和 substring () 行为是一致的,substr()方法在第二个参数上会容易混淆
在传递负值参数情况下,slice() 方法是通过字符串长度相加,符合一般思维,substring()第二个参数转换为0会容易出问题,起始位置会容易变更,substr() 方法负值情况下会出现IE兼容性问题。
综上,小弟一般推荐使用slice()方法。
下面给大家介绍slice,substr和substring的区别
首先,他们都接收两个参数,slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子:
这里有个需要注意的地方就是:substring是以两个参数中较小一个作为起始位置,较大的参数作为结束位置。
如:
接着,当接收的参数是负数时,slice会将它字符串的长度与对应的负数相加,结果作为参数;substr则仅仅是将第一个参数与字符串长度相加后的结果作为第一个参数;substring则干脆将负参数都直接转换为0。测试代码如下:
注意:IE对substr接收负值的处理有错,它会返回原始字符串。
内容总结
以上是互联网集市为您收集整理的深入浅析JavaScript字符串操作方法slice、substr、substring及其IE兼容性_javascript技巧全部内容,希望文章能够帮你解决深入浅析JavaScript字符串操作方法slice、substr、substring及其IE兼容性_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。