实例讲解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下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
js实现不重复导入的方法
Mar 02 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
JS使用setInterval计时器实现挑战10秒
Nov 08 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
thinkphp3.2.2实现生成多张缩略图的方法
2014/12/19 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
laravel-admin的多级联动方法
2019/09/30 PHP
JQuery中getJSON的使用方法
2010/12/13 Javascript
获取数组中最大最小值方法js代码(自写)
2013/08/12 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
jQuery图片缩放插件smartZoom使用实例详解
2017/08/25 jQuery
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
Vue router安装及使用方法解析
2020/12/02 Vue.js
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
python获取本地计算机名字的方法
2015/04/29 Python
Python计算一个文件里字数的方法
2015/06/15 Python
python中partial()基础用法说明
2018/12/30 Python
django中ORM模型常用的字段的使用方法
2019/03/05 Python
django框架使用orm实现批量更新数据的方法
2019/06/21 Python
Python3搭建http服务器的实现代码
2020/02/11 Python
python可视化text()函数使用详解
2020/02/11 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
深入浅析Python 命令行模块 Click
2020/03/11 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
python与js主要区别点总结
2020/09/13 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
英国顶级足球鞋的领先零售商:Lovell Soccer
2019/08/27 全球购物
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
房地产出纳岗位职责
2013/12/01 职场文书
实习生的自我评价
2014/01/08 职场文书
就业协议书样本
2014/08/20 职场文书
解决vue-router的beforeRouteUpdate不能触发
2022/04/14 Vue.js