实例讲解JavaScript截取字符串


Posted in Javascript onNovember 30, 2018

JavaScript中截取字符串有三种方法,分别是substring,substr,split,接下来将在文章中为大家详细介绍它们的使用方法。

实例讲解JavaScript截取字符串

substring(start,stop)

提取字符串中介于两个指定下标之间的字符

start:一个非负的整数,指要提取的子串的第一个字符在字符串中的位置,必需填写的元素

stop:一个非负的整数,比要提取的子串的最后一个字符在字符串上的位置多 1,可写可不写,如果不写则返回的子串会一直到字符串的结尾

该字符串的长度为stop-start

如果参数 start 与 stop 相等,则该方法返回的就是一个空串,如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

<script type="text/javascript">
var str="Hello world!"
document.write(str.substring(3,9))//从第三个字符开始到第八位
</script>

实例讲解JavaScript截取字符串

substr(start,length)

把字符串从 start 下标开始截取到指定数目的字符

start:要截取的子串的起始下标,必须是数值。如果是负数,那么该参数从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推,必需要写的

length:子串中的字符数,必须是数值。如果不填该参数,那么返回的是字符串的开始位置到结尾的字符。如果length 为0 或者负数,将返回一个空字符串

<script type="text/javascript">
var str="Hello world!"
document.write(str.substr(-6,4));//从倒数第六个字符开始,截取四位
</script>

实例讲解JavaScript截取字符串

split(separator,howmany)

把一个字符串分割成字符串数组

separator:字符串或正则表达式,从该参数指定的地方分割字符串。必须要填写的

howmany:指返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。可以选择的

<script type="text/javascript">
var str="Hello world!"
document.write(str.split(""));//将每个字符都分隔开,如果中间有空格则表示已字符串形式分隔
</script>

实例讲解JavaScript截取字符串

Javascript 相关文章推荐
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
让网页根据不同IE版本显示不同的内容
Feb 08 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
js实现拖拽效果
Feb 12 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
JavaScript fetch接口案例解析
Aug 30 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
vue+canvas实现移动端手写签名
May 21 Javascript
Vue实现开关按钮拖拽效果
Sep 22 Javascript
html5调用摄像头截图功能
Jan 18 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 #Javascript
使用canvas实现一个vue弹幕组件功能
Nov 30 #Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 #Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 #Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 #Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 #Javascript
js canvas实现二维码和图片合成的海报
Nov 19 #Javascript
You might like
PHP合并静态文件详解
2014/11/14 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
如何使用php实现评委评分器
2015/07/31 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
js实现无限瀑布流实例方法
2019/09/16 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
python游戏开发之视频转彩色字符动画
2019/04/26 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
使用Python实现分别输出每个数组
2019/12/06 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
Python 窗体(tkinter)下拉列表框(Combobox)实例
2020/03/04 Python
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
西班牙香水和化妆品网上商店:Douglas
2017/10/29 全球购物
美国球迷装备的第一来源:FOCO
2020/07/03 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
网络安全方面的面试题
2016/01/07 面试题
传播学毕业生求职信
2013/10/11 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
先进事迹演讲稿
2014/09/01 职场文书
干部培训工作总结2015
2015/05/25 职场文书
高一地理教学工作总结
2015/08/12 职场文书
基于Redission的分布式锁实战
2022/08/14 Redis