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

相关文章

  • JavaScript中创建类/对象的几种方法总结

    JavaScript中创建类/对象的几种方法总结

    这篇文章主要是对JavaScript中创建类/对象的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • Bootstrap CSS组件之按钮下拉菜单

    Bootstrap CSS组件之按钮下拉菜单

    这篇文章主要为大家详细介绍了Bootstrap CSS组件之按钮下拉菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript实现设计模式中的单例模式的一些技巧总结

    JavaScript实现设计模式中的单例模式的一些技巧总结

    单例模式是JavaScript项目中最常用的设计模式之一,下面罗列了JavaScript实现设计模式中的单例模式的一些技巧总结,包括惰性加载与分支技术等,需要的朋友可以参考下.
    2016-05-05
  • javascript encodeURI和encodeURIComponent的比较

    javascript encodeURI和encodeURIComponent的比较

    在进行SaaS前端开发的时候,大家经常会用到两个JavaScriptNative函数:encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处
    2010-04-04
  • Javascript this关键字使用分析

    Javascript this关键字使用分析

    这是来自http://www.quirksmode.org/js/this.html这篇文章里对this的定义,直接看定义似乎什么也不知道,下面通过实例来说明各种情况下this所指代的对象以及原理。
    2008-10-10
  • 基于javascript实现的快速排序

    基于javascript实现的快速排序

    本篇文章主要介绍了javascript实现的快速排序的方法与原理说明:找基准点、建立二个数组分别存储、递归。需要的朋友来看下吧
    2016-12-12
  • JavaScript模拟实现Promise功能的示例代码

    JavaScript模拟实现Promise功能的示例代码

    这篇文章主要为大家详细介绍了JavaScript如何模拟实现Promise功能,文中的示例代码讲解详细,对我们学习JavaScript有一定的帮助,需要的可以参考一下
    2022-12-12
  • bootstrap modal弹出框的垂直居中

    bootstrap modal弹出框的垂直居中

    这篇文章主要为大家详细介绍了bootstrap modal弹出框的垂直居中,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Bootstrap fileinput组件封装及使用详解

    Bootstrap fileinput组件封装及使用详解

    这篇文章主要介绍了Bootstrap fileinput组件封装及使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • javascript的document中的动态添加标签实现方法

    javascript的document中的动态添加标签实现方法

    下面小编就为大家带来一篇浅谈javascript的document中的动态添加标签实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10

最新评论