js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解


Posted in Javascript onNovember 09, 2015

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

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

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

split 将一个字符串分割为子字符串,然后将结果作为字符串数组返回

replace 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

1.substr

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

var src="images/off_1.png";
alert(src.substr(7,3));

弹出值为:off

2.substring

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

var src="images/off_1.png";
alert(src.substring(7,10));

弹出值为:off

3.indexOF

indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置(从左向右)。没有匹配的则返回-1,否则返回首次出现位置的字符串的下标值。

var src="images/off_1.png";
alert(src.indexOf('t'));
alert(src.indexOf('i'));
alert(src.indexOf('g'));

弹出值依次为:-1,0,3

4.lastIndexOf

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

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));

弹出值依次为:6,15

5.split

将一个字符串分割为子字符串,然后将结果作为字符串数组返回。

以空格分割返回一个了字符串返回

function SplitDemo(){
  var s, ss;
  var s = "The rain in Spain falls mainly in the plain.";
  // 在每个空格字符处进行分解。
  ss = s.split(" ");
  return(ss);
}

6.replace:

用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法:stringObject.replace(regexp, replacement);

参数:

regexp:必需,要替换的模式的RegExp对象

replacement:必需,替换文本或生成替换文本的函数

返回值:

一个新的字符串,用replacement替换了regexp的第一次匹配或所有匹配之后得到的。

说明:

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

以上所述就是本文给大家介绍的js中substr,substring,indexOf,lastIndexOf,split和replace的用法详解,希望大家喜欢。

Javascript 相关文章推荐
你真的了解JavaScript吗?
Feb 24 Javascript
JavaScript 关键字屏蔽实现函数
Aug 02 Javascript
javascript抖动元素的小例子
Oct 28 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
标题过长使用javascript按字节截取字符串
Apr 24 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 Javascript
比较常见的javascript中定义函数的区别
Nov 09 #Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 #Javascript
表单验证正则表达式实例代码详解
Nov 09 #Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 #Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 #Javascript
window.location.hash知识汇总
Nov 09 #Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 #Javascript
You might like
PHP连接access数据库
2008/03/27 PHP
php中文字符截取防乱码
2008/03/28 PHP
php代码运行时间查看类代码分享
2011/08/06 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
php-fpm中max_children的配置
2019/03/15 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
js opener的使用详解
2014/01/11 Javascript
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
轻松创建nodejs服务器(2):nodejs服务器的构成分析
2014/12/18 NodeJs
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
JS绘制生成花瓣效果的方法
2015/08/05 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
python命令 -u参数用法解析
2019/10/24 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
Python批量启动多线程代码实例
2020/02/18 Python
Python接口测试结果集实现封装比较
2020/05/01 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
事业单位辞职信范文
2014/01/19 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
租房协议书
2014/09/12 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
确保工程质量承诺书
2015/04/29 职场文书
小学毕业感言200字
2015/07/30 职场文书
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android