实例讲解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 相关文章推荐
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
利用Bootstrap实现表格复选框checkbox全选
Dec 21 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
javascript将非数值转换为数值
Sep 13 Javascript
使用原生js编写一个简单的框选功能方法
May 13 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
德生H-501的评价与改造
2021/03/02 无线电
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
浅谈JavaScript字符集
2014/05/22 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
使用JavaScript开发IE浏览器本地插件实例
2015/02/18 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
微信小程序实现跑马灯效果
2020/10/21 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y
2015/12/26 DOTA
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
python 实现多维数组转向量
2019/11/30 Python
python爬虫快速响应服务器的做法
2020/11/24 Python
建筑工程毕业生自我鉴定
2014/01/14 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
校庆活动方案
2014/03/31 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
python实现简单的名片管理系统
2021/04/26 Python
php+laravel 扫码二维码签到功能
2021/05/15 PHP