实例讲解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 相关文章推荐
jquery图片放大功能简单实现
Aug 01 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
简介AngularJS的HTML DOM支持情况
Jun 17 Javascript
10个JavaScript中易犯小错误
Feb 14 Javascript
jQuery解析返回的xml和json方法详解
Jan 05 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
关于Angularjs中跨域设置白名单问题
Apr 17 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
vue element-ui实现input输入框金额数字添加千分位
Dec 29 Javascript
JavaScript回调函数callback用法解析
Jan 14 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中执行cmd命令的方法
2014/10/11 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
2010/03/01 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
2014/05/05 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
javascript实现移动端轮播图
2020/12/09 Javascript
Python实现pdf文档转txt的方法示例
2018/01/19 Python
python读取文件名称生成list的方法
2018/04/27 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
Python面向对象类编写细节分析【类,方法,继承,超类,接口等】
2019/01/05 Python
举例讲解Python常用模块
2019/03/08 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
《明天,我们毕业》教学反思
2014/04/24 职场文书
同学聚会策划方案
2014/06/06 职场文书
刑事和解协议书范本
2014/11/19 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
浅谈Redis的事件驱动模型
2022/05/30 Redis