基于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 迁移目录
Dec 18 Javascript
firefox插件Firebug的使用教程
Jan 02 Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
Mar 02 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
jquery日历插件datepicker用法分析
Jan 22 Javascript
jquery trigger实现联动的方法
Feb 29 Javascript
JavaScript获取短信验证码(周期性)
Dec 29 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
TS 类型收窄教程示例详解
Sep 23 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
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
php使用mkdir创建多级目录入门例子
2014/05/10 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
PHP+AJAX实现投票功能的方法
2015/09/28 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
浅谈python多线程和队列管理shell程序
2015/08/04 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
对python列表里的字典元素去重方法详解
2019/01/21 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
解决Django后台ManyToManyField显示成Object的问题
2019/08/09 Python
详解Python中第三方库Faker
2020/09/25 Python
如何基于Python实现word文档重新排版
2020/09/29 Python
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
经典大学生求职信范文
2014/01/06 职场文书
工作推荐信范文
2014/05/10 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
社区班子对照检查材料
2014/08/27 职场文书
工伤事故证明
2014/10/20 职场文书