基于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 相关文章推荐
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
javascript实现多级联动下拉菜单的方法
Feb 06 Javascript
jquery图片倾斜层叠切换特效代码分享
Aug 27 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 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 反射机制实现动态代理的代码
2008/10/22 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
Laravel 集成 Geetest验证码的方法
2018/05/14 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
javascript天然的迭代器
2010/10/29 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
node中socket.io的事件使用详解
2014/12/15 Javascript
node.js下LDAP查询实例分享
2015/09/30 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
详解基于node的前端项目编译时内存溢出问题
2017/08/01 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
前端路由&webpack基础配置详解
2019/06/10 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
python虚拟环境virualenv的安装与使用
2016/12/18 Python
Python 处理数据的实例详解
2017/08/10 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
Django用户认证系统 User对象解析
2019/08/02 Python
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
行政助理求职自荐信
2013/10/26 职场文书
商业活动邀请函
2014/02/04 职场文书
单位考核聘任报告
2015/03/02 职场文书
升学宴家长答谢词
2015/09/29 职场文书
2016元旦晚会主持词开场白和结束语
2015/12/04 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
Go 语言结构实例分析
2021/07/04 Golang