实例讲解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 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
学习面向对象之面向对象的术语
Nov 30 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
ie与ff下的event事件使用介绍
Nov 25 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
Feb 07 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 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 download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
跟我学习javascript的最新标准ES6
2015/11/20 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
微信小程序 PHP生成带参数二维码
2017/02/21 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
详解在AngularJS的controller外部直接获取$scope
2017/06/02 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
2020/07/09 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
Python中的取模运算方法
2018/11/10 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
keras.layer.input()用法说明
2020/06/16 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
详解anaconda安装步骤
2020/11/23 Python
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
2020/07/20 HTML / CSS
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
大学毕业感言100字
2014/02/03 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
困难补助申请报告
2015/05/19 职场文书
教育读书笔记
2015/07/02 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
mysql创建存储过程及函数详解
2021/12/04 MySQL