实例讲解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基础篇
Nov 13 Javascript
一些mootools的学习资源
Feb 07 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
Dec 16 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 Javascript
jquery控制显示服务器生成的图片流
Aug 04 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
Javascript操作表单实例讲解(下)
Jun 20 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
支付宝小程序自定义弹窗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或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
11个PHP 分页脚本推荐
2011/08/15 PHP
优化PHP代码技巧的小结
2013/06/02 PHP
解析yii数据库的增删查改
2013/06/20 PHP
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
2019/05/20 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
python网络编程之读取网站根目录实例
2014/09/30 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
Python3内置模块random随机方法小结
2019/07/13 Python
Python新手学习标准库模块命名
2020/05/29 Python
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
俄罗斯EPL钻石珠宝店:ЭПЛ
2019/10/22 全球购物
无传销社区工作方案
2014/05/13 职场文书
红色故事演讲稿
2014/05/22 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
毕业生银行实习自我鉴定
2014/10/14 职场文书
三峡导游词
2015/01/31 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书