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 相关文章推荐
js chrome浏览器判断代码
Mar 28 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 Javascript
jquery获取节点名称
Apr 26 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
npm qs模块使用详解
Feb 07 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 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
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
删除重复数据的算法
2006/11/23 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
js 实现 input type="file" 文件上传示例代码
2013/08/07 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
js window对象属性和方法相关资料整理
2015/11/11 Javascript
JavaScript中各种引用类型的常用操作方法小结
2016/05/05 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
leaflet的开发入门教程
2016/11/17 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
webpack入门必知必会
2017/01/16 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
2020/01/12 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
Python去除字符串两端空格的方法
2015/05/21 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
Python爬虫使用浏览器cookies:browsercookie过程解析
2019/10/22 Python
Python实现直播推流效果
2019/11/26 Python
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
前端实现打印图像功能
2019/08/27 HTML / CSS
生物技术专业毕业生求职信范文
2013/12/14 职场文书
人事行政主管岗位职责
2013/12/22 职场文书
出国留学经济担保书
2014/04/01 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
期末个人总结范文
2015/02/13 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
java版 联机五子棋游戏
2022/05/04 Java/Android