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 相关文章推荐
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
Javascript window对象详解
Nov 12 Javascript
js中日期的加减法
May 06 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
Bootstrap企业网站实战项目4
Oct 14 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
vue中使用echarts制作圆环图的实例代码
Jul 27 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
原生js实现下拉框选择组件
Jan 20 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
Zerg剧情介绍
2020/03/14 星际争霸
PHP 字符串分割和比较
2009/10/06 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
jQuery实现下拉加载功能实例代码
2016/04/01 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
JS实现的随机排序功能算法示例
2017/06/09 Javascript
JS简单实现数组去重的方法分析
2017/10/14 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
js实现每日签到功能
2018/11/29 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
vue解决使用$http获取数据时报错的问题
2019/10/30 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
大专生自我评价
2014/01/28 职场文书
个人工作表现评价材料
2014/09/21 职场文书
大班下学期幼儿评语
2014/12/30 职场文书
拯救大兵瑞恩观后感
2015/06/09 职场文书
Django集成富文本编辑器summernote的实现步骤
2021/05/31 Python
sql字段解析器的实现示例
2021/06/23 SQL Server