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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
jquery中post方法用法实例
Oct 21 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
Sep 21 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
layui问题之模拟select点击事件的实例讲解
Aug 15 Javascript
angularjs性能优化的方法
Sep 05 Javascript
基于vue+element实现全局loading过程详解
Jul 10 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技术开发技巧分享
2010/03/23 PHP
php中并发读写文件冲突的解决方案
2013/10/25 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
基于jquery的划词搜索实现(备忘)
2010/09/14 Javascript
javascript中的作用域scope介绍
2010/12/28 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
jquery中常用的函数和属性详细解析
2014/03/07 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
基于jQuery实现表单提交验证
2014/11/24 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
Angular2 多级注入器详解及实例
2016/10/30 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
使用Python的Django框架实现事务交易管理的教程
2015/04/20 Python
Django的分页器实例(paginator)
2017/12/01 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
J2EE面试题集锦(附答案)
2013/08/16 面试题
新书发布会策划方案
2014/06/09 职场文书
解除劳动合同协议书范本
2014/09/13 职场文书
2014年学校体育工作总结
2014/12/08 职场文书
数学教师个人总结
2015/02/06 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
POST提交数据常见的四种方式
2022/01/18 HTML / CSS