JavaScript常用截取字符串的三种方式用法区别实例解析


Posted in Javascript onMay 15, 2018

stringObject.substring(start,stop) 用于提取字符串中介于两个指定下标之间的字符。

start必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。

stop可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

start从0开始 到stop(不包含stop)结束 不接受负的参数。

stringObject.substr(start,length)可在字符串中抽取从start下标开始的指定数目的字符

start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

length 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。

stringObject.slice(start,end)提取字符串的某个部分,并以新的字符串返回被提取的部分

start 要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。

end 紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。

返回新的字符串包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(3));     //”lo world”
alert(stringValue.substring(3));   //”lo world”
alert(stringValue.substr(3));    //”lo world”
alert(stringValue.slice(3,7));     //”lo w”
alert(stringValue.substring(3,7));  //”lo w”
alert(stringValue.substr(3,7));    //”lo worl”

三者如果只有一个参数n 则会从第n个位置开始返回剩余字符串(从0开始计算位置)

如果有两个参数n,m,slice与substring会从第n个位置开始返回到第m个位置(不包括第m位置)的字符串,而substr会返回从第n个位置开始的m个字符。

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(-3));     //”rld”
alert(stringValue.substring(-3));   //”hello world”
alert(stringValue.substr(-3));    //”rld”
alert(stringValue.slice(3,-4));     //”lo w”
alert(stringValue.substring(3,-4));  //”hel”
alert(stringValue.substr(3,-4));    //”"(空字符串)

当参数是负值情况下,slice将传入负值与字符串长度(string.length)相加,substr会将负的第一个参数加上字符串长度,第二个转换为0,substring会将所有负值都转换成0。

IE的JavaScript实现在处理向substr()方法传递负值的情况时存在问题,它会返回原始的字符串。

总结

以上所述是小编给大家介绍的JavaScript常用截取字符串的三种方式用法区别实例解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
AngularJS 模块化详解及实例代码
Sep 14 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
Mar 04 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
Vue+Django项目部署详解
May 30 Javascript
node.js实现上传文件功能
Jul 15 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
如何优雅地取消 JavaScript 异步任务
Mar 22 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
Moment的feature导致线上bug解决分析
Sep 23 Javascript
vue中keep-alive的用法及问题描述
May 15 #Javascript
react中使用swiper的具体方法
May 15 #Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 #Javascript
浅谈AngularJS中$http服务的简单用法
May 15 #Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 #Javascript
解决linux下node.js全局模块找不到的问题
May 15 #Javascript
vue :src 文件路径错误问题的解决方法
May 15 #Javascript
You might like
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
PHP使用数组实现矩阵数学运算的方法示例
2017/05/29 PHP
php实现网页端验证码功能
2017/07/11 PHP
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
WEB开发之注册页面验证码倒计时代码的实现
2016/12/15 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
如何测量vue应用运行时的性能
2019/06/21 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
Python类的用法实例浅析
2015/05/27 Python
Python实现的RSS阅读器实例
2015/07/25 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
tensorflow多维张量计算实例
2020/02/11 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
HTML5 video标签(播放器)学习笔记(一):使用入门
2015/04/24 HTML / CSS
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
佛罗里达州印第安河新鲜水果:Hale Groves
2017/02/20 全球购物
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
请介绍一下WSDL的文档结构
2013/03/17 面试题
中学老师的自我评价
2013/11/07 职场文书
幼儿园安全责任书
2014/04/14 职场文书
中药学专业毕业生推荐信
2014/07/10 职场文书
六年级作文之家庭作文
2019/12/12 职场文书