实例讲解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 相关文章推荐
Javascript 实现TreeView CheckBox全选效果
Jan 11 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
vue引入ueditor及node后台配置详解
Jan 03 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
Jan 25 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 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将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
php 中文字符串首字母的获取函数分享
2013/11/04 PHP
php calender(日历)二个版本代码示例(解决2038问题)
2013/12/24 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
YII2框架中日志的配置与使用方法实例分析
2020/03/18 PHP
JS获取父节点方法
2009/08/20 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
js实现查询商品案例
2020/07/22 Javascript
Vue中computed及watch区别实例解析
2020/08/01 Javascript
微信小程序实现星星评分效果
2020/11/01 Javascript
使用python绘制常用的图表
2016/08/27 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
Python虚拟环境项目实例
2017/11/20 Python
mac系统安装Python3初体验
2018/01/02 Python
Python匿名函数及应用示例
2019/04/09 Python
python3 enum模块的应用实例详解
2019/08/12 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
python实现批处理文件
2020/07/28 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
今冬明春火灾防控工作方案
2014/05/29 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
如何写好活动总结
2019/06/21 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python
Linux中各个目录的作用与内容
2022/06/28 Servers