实例讲解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 相关文章推荐
js如何取消事件冒泡
Sep 23 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
JS实现电话号码的字母组合算法示例
Feb 26 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 Javascript
Javascript设计模式之原型模式详细
Oct 05 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中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
JS网络游戏-(模拟城市webgame)提供的一些例子下载
2007/10/14 Javascript
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
js随机颜色代码的多种实现方式
2013/04/23 Javascript
悬浮数字的实现案例
2014/02/19 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
ES6解构赋值实例详解
2017/10/31 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
vue-router中scrollBehavior的巧妙用法
2018/07/09 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
Python新手实现2048小游戏
2015/03/31 Python
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
汽车运用工程毕业生自荐信
2013/10/29 职场文书
即兴演讲稿
2014/01/04 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
2015年科室工作总结
2015/04/10 职场文书
2015年消防工作总结
2015/04/24 职场文书
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL
Java 多线程并发FutureTask
2022/06/28 Java/Android