实例讲解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数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
JS模式之简单的订阅者和发布者模式完整实例
Jun 30 Javascript
原生js图片轮播效果实现代码
Oct 19 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
Dec 12 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
react 兄弟组件如何调用对方的方法示例
Oct 23 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
js对象简介与基本用法示例
Mar 13 Javascript
原生js实现九宫格拖拽换位
Jan 26 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调用三种数据库的方法(1)
2006/10/09 PHP
浅析PHP水印技术
2007/02/14 PHP
PHP substr 截取字符串出现乱码问题解决方法[utf8与gb2312]
2011/12/16 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
Nodejs学习item【入门手上】
2016/05/05 NodeJs
深入浅析search 搜索框的写法
2016/08/02 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
python3实现名片管理系统
2020/11/29 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
使用python接入微信聊天机器人
2020/03/31 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
药学专业大学生自荐信
2013/09/28 职场文书
班主任2015新年寄语
2014/12/08 职场文书
员工2014年度工作总结
2014/12/09 职场文书
三潭印月的导游词
2015/02/12 职场文书
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android
Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法
2022/04/05 数码科技