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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
{}与function(){}选用空对象{}来存放keyValue
May 23 Javascript
js实现幻灯片播放图片示例代码
Nov 07 Javascript
jQuery中extend函数详解
Feb 13 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
详解React 16 中的异常处理
Jul 28 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 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脚本的10个技巧(5)
2006/10/09 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
Yii框架关联查询with用法分析
2014/12/02 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
PHP goto语句用法实例
2019/08/06 PHP
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
2012/01/04 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
2012/12/27 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
jQuery事件对象总结
2016/10/17 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
快速查询Python文档方法分享
2017/12/27 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
python中JWT用户认证的实现
2020/05/18 Python
python语言是免费还是收费的?
2020/06/15 Python
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
大专应届生个人的自我评价
2013/11/21 职场文书
小学生综合素质评语
2014/04/23 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技
python playwright之元素定位示例详解
2022/07/23 Python