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代码
Aug 29 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
文本框文本自动补全效果示例分享
Jan 19 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
深入理解令牌认证机制(token)
Aug 22 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 Javascript
Element Dialog对话框的使用示例
Jul 26 Javascript
原生JS实现拖拽效果
Dec 04 Javascript
js动态添加带圆圈序号列表的实例代码
Feb 18 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中的日期及时间
2006/11/23 PHP
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
Zend Studio使用技巧两则
2016/04/01 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
php通过会话控制实现身份验证实例
2016/10/18 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
js几秒以后倒计时跳转示例
2013/12/26 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2016/11/25 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
Vue实现点击后文字变色切换方法
2018/02/11 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
python+PyQT实现系统桌面时钟
2020/06/16 Python
使用python实现飞机大战游戏
2020/03/23 Python
详解css3 flex弹性盒自动铺满写法
2020/09/17 HTML / CSS
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
机械制造专业毕业生求职信
2014/03/02 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
Python正则表达式中flags参数的实例详解
2022/04/01 Python