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 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
用于判断用户注册时,密码强度的JS代码
Jan 01 Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
node.js中的fs.existsSync方法使用说明
Dec 17 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
JS实现页面内跳转的简单代码
Sep 03 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
react项目实践之webpack-dev-serve
2018/09/14 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
python去除字符串中的换行符
2017/10/11 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Python数据可视化库seaborn的使用总结
2019/01/15 Python
python单例设计模式实现解析
2020/01/07 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
Html5 video标签视频的最佳实践
2020/02/26 HTML / CSS
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
写演讲稿要注意的六件事
2014/01/14 职场文书
老同学聚会感言
2014/02/23 职场文书
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
英文升职感谢信
2015/01/23 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python