基于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题目,重写函数让其无限相加
Feb 15 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
jQuery 选择器详解
Jan 19 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
JS实现4位随机验证码
Oct 19 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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
动态加载iframe
2006/06/16 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
React-Native左右联动List的示例代码
2017/09/21 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
2019/10/16 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
pycharm 批量修改变量名称的方法
2019/08/01 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
python中的函数递归和迭代原理解析
2019/11/14 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
Python中itertools的用法详解
2020/02/07 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
中国旅游网站:途牛旅游网
2019/09/29 全球购物
消防宣传语大全
2015/07/13 职场文书