JS截取字符串常用方法整理及使用示例


Posted in Javascript onOctober 18, 2013

使用 substring()或者slice()

函数:split()
功能:使用一个指定的分隔符把一个字符串分割存储到数组
例子:

str=”jpg|bmp|gif|ico|png”; 
arr=theString.split(”|”); 
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

函数:John()
功能:使用您选择的分隔符将一个数组合并为一个字符串
例子:
var delimitedString=myArray.join(delimiter); 
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”); 
var portableList=myList.join(”|”); 
//结果是jpg|bmp|gif|ico|png

函数:substring()
功能:字符串截取,比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)

函数:indexOf()
功能:返回字符串中匹配子串的第一个字符的下标

var myString=”JavaScript”; 
var w=myString.indexOf(”v”);w will be 2 
var x=myString.indexOf(”S”);x will be 4 
var y=myString.indexOf(”Script”);y will also be 4 
var z=myString.indexOf(”key”);z will be -1

续:

1.substring 方法

定义和用法
substring 方法用于提取字符串中介于两个指定下标之间的字符。

语法
stringObject.substring(start,stop)

参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明
substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。

2.substr 方法

定义和用法
substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法
stringObject.substr(start [, length ])

参数 描述
start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。

说明
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定该参数,则子字符串将延续到stringObject的最后。

举例:

var str = "0123456789"; alert(str.substring(0));------------"0123456789" 
alert(str.substring(5));------------"56789" 
alert(str.substring(10));-----------"" 
alert(str.substring(12));-----------"" 
alert(str.substring(-5));-----------"0123456789" 
alert(str.substring(-10));----------"0123456789" 
alert(str.substring(-12));----------"0123456789" 
alert(str.substring(0,5));----------"01234" 
alert(str.substring(0,10));---------"0123456789" 
alert(str.substring(0,12));---------"0123456789" 
alert(str.substring(2,0));----------"01" 
alert(str.substring(2,2));----------"" 
alert(str.substring(2,5));----------"234" 
alert(str.substring(2,12));---------"23456789" 
alert(str.substring(2,-2));---------"01" 
alert(str.substring(-1,5));---------"01234" 
alert(str.substring(-1,-5));--------"" 
alert(str.substr(0));---------------"0123456789" 
alert(str.substr(5));---------------"56789" 
alert(str.substr(10));--------------"" 
alert(str.substr(12));--------------"" 
alert(str.substr(-5));--------------"0123456789" 
alert(str.substr(-10));-------------"0123456789" 
alert(str.substr(-12));-------------"0123456789" 
alert(str.substr(0,5));-------------"01234" 
alert(str.substr(0,10));------------"0123456789" 
alert(str.substr(0,12));------------"0123456789" 
alert(str.substr(2,0));-------------"" 
alert(str.substr(2,2));-------------"23" 
alert(str.substr(2,5));-------------"23456" 
alert(str.substr(2,12));------------"23456789" 
alert(str.substr(2,-2));------------"" 
alert(str.substr(-1,5));------------"01234" 
alert(str.substr(-1,-5));-----------""
Javascript 相关文章推荐
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
原生js实现日期联动
Jan 12 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
javascript之Boolean类型对象
Jun 07 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
webpack项目轻松混用css module的方法
Jun 12 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
Aug 30 Javascript
Mint UI组件库CheckList使用及踩坑总结
Dec 20 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 #Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 #Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 #Javascript
常用js字符串判断方法整理
Oct 18 #Javascript
javaScript arguments 对象使用介绍
Oct 18 #Javascript
js实现简单的星级选择器提交效果适用于评论等
Oct 18 #Javascript
用jquery统计子菜单的条数示例代码
Oct 18 #Javascript
You might like
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
深入PHP变量存储的详解
2013/06/13 PHP
Joomla开启SEF的方法
2016/05/04 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
Javascript 判断两个IP是否在同一网段实例代码
2016/11/28 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
2017/01/13 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
在layui中layer弹出层点击事件无效的解决方法
2019/09/05 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
深入浅析Python中的yield关键字
2018/01/24 Python
python使用mysql的两种使用方式
2018/03/07 Python
python使用sqlite3时游标使用方法
2018/03/13 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
Anaconda3中的Jupyter notebook添加目录插件的实现
2020/05/18 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
局域网定义和特性
2016/01/23 面试题
家长给幼儿园的表扬信
2014/01/09 职场文书
2014年班级工作总结
2014/11/14 职场文书
行政文员岗位职责
2015/02/04 职场文书
公司酒会致辞
2015/07/30 职场文书
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers