JS截取与分割字符串常用技巧总结


Posted in Javascript onNovember 10, 2015

本文实例讲述了JS截取与分割字符串的常用方法。分享给大家供大家参考,具体如下:

JS截取字符串可使用 substring()或者slice()
 
函数:substring()

定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。

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

例子:

var src="images/off_1.png";
alert(src.substring(7,10));
//弹出值为:off

函数:substr()

定义:substr(start,length)表示从start位置开始,截取length长度的字符串。

功能:字符串截取

例子:

var src="images/off_1.png";
alert(src.substr(7,3));
//弹出值为:off

函数:split()

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子:

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

函数:Join()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子:

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//结果是jpg|bmp|gif|ico|png

函数: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

函数:lastIndexOf()

定义:lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)

功能:返回字符串索引值

例子:

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
//弹出值依次为:6,15

补充:substr 和 substring方法的区别

substr 方法

返回一个从指定位置开始的指定长度的子字符串。

stringvar.substr(start [, length ])

参数

stringvar

必选项。要提取子字符串的字符串文字或 String 对象。

start

必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length

可选项。在返回的子字符串中应包括的字符个数。

说明

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

示例

下面的示例演示了substr 方法的用法。

function SubstrDemo(){
 var s, ss;    // 声明变量。
 var s = "The rain in Spain falls mainly in the plain.";
 ss = s.substr(12, 5); // 获取子字符串。
 return(ss);    // 返回 "Spain"。
}

substring 方法

返回位于 String 对象中指定位置的子字符串。

strVariable.substring(start, end)
"String Literal".substring(start, end)

参数

start

指明子字符串的起始位置,该索引从 0 开始起算。

end

指明子字符串的结束位置,该索引从 0 开始起算。

说明

substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。

substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。

如果 start 或 end 为 NaN 或者负数,那么将其替换为0。

子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。

示例

下面的示例演示了 substring 方法的用法。

function SubstringDemo(){
 var ss; // 声明变量。
 var s = "The rain in Spain falls mainly in the plain..";
 ss = s.substring(12, 17); // 取子字符串。
 return(ss); // 返回子字符串。
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
完善的jquery处理机制
Feb 21 Javascript
浅析JS异步加载进度条
May 05 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
JavaScript操作表单实例讲解(上)
Jun 20 Javascript
bootstrap学习笔记之初识bootstrap
Jun 21 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
JavaScript伪数组用法实例分析
Dec 22 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
JavaScript复制变量三种方法实例详解
Jan 09 Javascript
如何用JavaScipt测网速
May 09 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 #Javascript
纯javascript响应式树形菜单效果
Nov 10 #Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 #Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 #Javascript
3种js实现string的substring方法
Nov 09 #Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 #Javascript
js中substring和substr两者区别和使用方法
Nov 09 #Javascript
You might like
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
非常精妙的PHP递归调用与静态变量使用
2012/12/16 PHP
php防注入,表单提交值转义的实现详解
2013/06/10 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
2016/04/07 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
浅谈Javascript面向对象编程
2011/11/15 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
vue router2.0二级路由的简单使用
2017/07/05 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
python3使用urllib示例取googletranslate(谷歌翻译)
2014/01/23 Python
Python反射用法实例简析
2017/12/22 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
几道Java和数据库的面试题
2013/05/30 面试题
小学生母亲节演讲稿
2014/05/07 职场文书
政府领导干部个人对照检查材料思想汇报
2014/09/24 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2015年大学生暑期实习报告
2015/07/13 职场文书
父亲节感言
2015/08/03 职场文书
MySQL七种JOIN类型小结
2021/10/24 MySQL
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers
Java异常体系非正常停止和分类
2022/06/14 Java/Android
git中cherry-pick命令的使用教程
2022/06/25 Servers