实例讲解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中的标签语句
Jun 19 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 Javascript
jQuery常用选择器详解
Jul 17 jQuery
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 Javascript
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 jQuery
微信小程序换肤功能实现代码(思路详解)
Aug 25 Javascript
使用Typescript开发微信小程序的步骤详解
Jan 12 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
PHP.vs.JAVA
2016/04/29 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
关于this和self的使用说明
2010/08/01 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
浅析创建javascript对象的方法
2016/05/13 Javascript
jquery 实现回车登录详解及实例代码
2016/10/23 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
JavaScript实现打字游戏
2021/02/19 Javascript
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
Python模块搜索路径代码详解
2018/01/29 Python
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
使用纯 CSS 创作一个脉动 loader效果的源码
2018/09/28 HTML / CSS
英国皇室御用百货:福南梅森(Fortnum & Mason)
2017/12/03 全球购物
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
制定岗位职责的原则
2013/11/08 职场文书
服装创业计划书范文
2014/02/05 职场文书
励志演讲稿范文
2014/04/29 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
世界气象日活动总结
2015/02/27 职场文书
文员岗位职责范本
2015/04/16 职场文书
小爸爸观后感
2015/06/15 职场文书