基于substring()和substr()的使用以及区别(实例讲解)


Posted in Javascript onDecember 28, 2017

在JavaScript中,通常会用到截取,那所谓截取呢,其实就是要获得被截取元素的某个位置到某个位置的内容,那么JS给我提供了substring和substr这两种方法:

这两种截取的方式有什么区别呢?直接代码演示:

substring(a,b):

a:表示起始位置

b:表示结束位置

!但是值得注意的是:截取时,截取内容当中包含了开始位置的元素,但是不包含结束位置的元素!

示例:

function sub1(){
  var str = 'javascript';
  return str.substring(0,4);
 }
 console.log(sub1());  //返回值为‘java'
 
 function sub2(){
  var str = 'javascript';
  return str.substring(1,4);
 }
 console.log(sub2());  //返回值为‘ava'

总结:substring截取时,包括起始位置,不包括结束位置,并且a,b两个参数均为位置值,即索引值

substr(index,length):

index:表示起始位置

length:表示截取内容长度

! 截取时包括了起始位置的元素 !

示例:

function sub3(){
  var str = 'javascript';
  return str.substr(0,4);
 }
 console.log(sub3());   //返回值为‘java'
 
 function sub4(){
  var str = 'javascript';
  return str.substr(1,4);
 }
 console.log(sub4());  //返回值为‘avas'

总结:substr截取时,包括起始位置,两个参数分别为起始位置和截取长度

!注意区分,合理利用!

以上这篇基于substring()和substr()的使用以及区别(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS Timing
Apr 21 Javascript
图像替换新技术 状态域方法
Jan 28 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
Jan 05 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
详解使用vuex进行菜单管理
Dec 21 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
JavaScript判断变量名是否存在数组中的实例
Dec 28 #Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
Dec 28 #Javascript
Angular实现的简单定时器功能示例
Dec 28 #Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 #Javascript
vue+swiper实现侧滑菜单效果
Dec 28 #Javascript
swiper插件自定义切换箭头按钮
Dec 28 #Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 #Javascript
You might like
木翼下载系统中说明的PHP安全配置方法
2007/06/16 PHP
ie6 动态缩略图不显示的原因
2009/06/21 PHP
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
Laravel 5框架学习之日期,Mutator 和 Scope
2015/04/08 PHP
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
2010/10/20 Javascript
jQuery代码优化之基本事件
2011/11/01 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
JavaScript Split()方法
2015/12/18 Javascript
基于jQuery的ajax方法封装
2016/07/14 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
Python的Django框架下管理站点的基本方法
2015/07/17 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
交通安全演讲稿
2014/01/07 职场文书
承办会议欢迎词
2014/01/17 职场文书
教师辞职报告范文
2014/01/20 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
现役军人家属慰问信
2015/03/24 职场文书
护理工作心得体会
2016/01/22 职场文书
Django框架中视图的用法
2022/06/10 Python