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

 更新时间:2015年11月09日 14:32:09   投稿:mrr  
这篇文章主要介绍了js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解的相关资料,需要的朋友可以参考下

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的用法详解,希望大家喜欢。

相关文章

  • ES6新特性之Object的变化分析

    ES6新特性之Object的变化分析

    这篇文章主要介绍了ES6新特性之Object的变化,结合具体实例形式分析了ES6中Object对象定义与使用方法的变化,需要的朋友可以参考下
    2017-03-03
  •  javascript数组中的findIndex方法 

     javascript数组中的findIndex方法 

    这篇文章主要介绍了javascript数组中的findIndex方法,findIndex() 方法返回传入一个测试条件函数符合条件的数组第一个元素位置,下面更多相关资料,需要的小伙伴可以参考一下
    2022-03-03
  • JavaScript语言精粹经典实例(整理篇)

    JavaScript语言精粹经典实例(整理篇)

    本文是小编日常读书笔记整理有关javascript知识,都是js精粹非常不错,具有参考借鉴价值,特此分享到脚本之家平台供大家参考
    2016-06-06
  • 使用js在layui中实现上传图片压缩

    使用js在layui中实现上传图片压缩

    这篇文章主要介绍了使用js在layui中实现上传图片压缩,layui 是一款采用自身模块规范编写的前端 UI 框架,js上传图片压缩百度有很多方法,,需要的朋友可以参考下
    2019-06-06
  • layer.open弹层查看缩略图的原图,自适应大小的实例

    layer.open弹层查看缩略图的原图,自适应大小的实例

    今天小编就为大家分享一篇layer.open弹层查看缩略图的原图,自适应大小的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序和公众号实现签到页面

    微信小程序和公众号实现签到页面

    这篇文章主要为大家详细介绍了微信小程序和公众号实现签到页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • layui导航栏二级菜单不显示问题及解决

    layui导航栏二级菜单不显示问题及解决

    这篇文章主要介绍了layui导航栏二级菜单不显示问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • bootstrap 点击空白处popover弹出框隐藏实例

    bootstrap 点击空白处popover弹出框隐藏实例

    下面小编就为大家分享一篇bootstrap 点击空白处popover弹出框隐藏实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 详解JavaScript表单验证(E-mail 验证)

    详解JavaScript表单验证(E-mail 验证)

    这篇文章主要为大家详细介绍了JavaScript表单验证,重点介绍了E-mail验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js消除图片小游戏代码

    js消除图片小游戏代码

    这篇文章主要介绍了js消除图片小游戏代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12

最新评论