基于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 相关文章推荐
jQuery 方法大全方便学习参考
Feb 25 Javascript
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
原生javascript获取元素样式
Dec 31 Javascript
JavaScript继承学习笔记【新手必看】
May 10 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
js实现楼层效果的简单实例
Jul 15 Javascript
jQuery表格的维护和删除操作
Feb 03 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
vue prop传值类型检验方式
Jul 30 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 Vue.js
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+oracle 分页类
2006/10/09 PHP
PHP CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
javascript的trim,ltrim,rtrim自定义函数
2008/09/21 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
微信小程序实现无限滚动列表
2020/05/29 Javascript
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
Python 求数组局部最大值的实例
2019/11/26 Python
详解python tkinter模块安装过程
2020/01/06 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
计算机系毕业生推荐信
2013/11/06 职场文书
珍惜水资源建议书
2014/03/12 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
党支部三会一课计划
2014/09/24 职场文书
三年级上册科学教学计划
2015/01/21 职场文书
教师年度个人总结
2015/02/11 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
股权投资协议书
2016/03/23 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
go语言基础 seek光标位置os包的使用
2021/05/09 Golang