实例讲解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 disabled=&quot;false&quot;不起作用的解决办法
Jun 26 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
js实现文字截断功能
Sep 14 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
老生常谈JS中的继承及实现代码
Jul 06 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 按位与或 (^ 、&amp;)
2013/06/21 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
php实现的mongoDB单例模式操作类
2018/01/20 PHP
对联广告js flash激活
2006/10/19 Javascript
关于Aptana Studio生成自动备份文件的解决办法
2009/12/23 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
通过数据库向Django模型添加字段的示例
2015/07/21 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
Python和Sublime整合过程图示
2019/12/25 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
python批量合成bilibili的m4s缓存文件为MP4格式 ver2.5
2020/12/01 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
《中国的气候》教学反思
2014/02/23 职场文书
运动会演讲稿
2014/05/07 职场文书
激励口号大全
2014/06/17 职场文书
初中优秀学生评语
2014/12/29 职场文书
客户付款通知书
2015/04/23 职场文书