一.lastIndexOf()方法

  1.作用:

    方法可返回 一个指定的字符串值 在字符串中最后出现的位置。从左往右查。

  2.返回:

     一个正整数。或者 -1。

  3.语法:

    stringObject.lastIndexOf(searchvalue,fromindex)

二.indexOf() 方法

  1.作用:

    方法可返回 一个指定的字符串值 在字符串中首次出现的位置。从左往右查。

  2.返回:

     一个正整数。或者 -1。

  3.语法:

    stringObject.indexOf(searchvalue,fromindex)

三.参数说明

  1.参数searchvalue

    必需参数值,规定需要检索(查找)的字符串值。

  2.参数fromindex

    可选的整数参数(可以不选)。

    规定在字符串中开始检索的位置。

    它的合法取值是 0 到 stringObject.length - 1。

    如省略该参数,则将从字符串的最后一个字符处开始检索(  lastIndexOf()  )或 开始(  indexOf()  )一个字符处开始检索。

四.案例

  1.页面代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

  <input type="button" value="测试lastIndexOf方法" onclick="lastIndexOfTest()">

  <input type="button" value="测试indexOf方法" onclick="indexOfTest()">

</body>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">

// 1.获取最后一位字符位置==》lastIndexOf()
function lastIndexOfTest() {
// 定义初始参数
var text = "12345678978";
// 获取最后78字符串的位置
var number = text.lastIndexOf("78");
// 打印位置数字
alert(number); //显示
}

// 2.获取首次一位字符位置==》lastIndexOf()
function indexOfTest() {
// 定义初始参数
var text = "12345678978";
// 获取首次78字符串的位置
var number = text.indexOf("78");
// 打印位置数字
alert(number); //显示
}

</script>
</html>

  2.lastIndexOf()结果图

    测试lastIndexOf方法的结果,获取最后的一个78位置,结果自然是9

    注意这里不是直接截取9,而是长度是9

  3.IndexOf()结果图

    测试IndexOf方法的结果,获取最后的一个78位置,结果自然是6

    注意这里不是直接截取6,而是长度是6

五.总结

  1.相同:根据一段字符,查找在其它字符串中的位置。找到返回正整数,找不到返回 -1。

  2.返回:一个正整数。或者 -1。

  3.lastIndexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。

  4.返回的这个位置范围是 0 ~  str.length-1  或者 -1,类型是 Number。

  5.通常是查看 字符串中是否含有对应的字符,没有就返回-1。

js技术之获取字符串中某个字符的位置(lastIndexOf()方法 和 indexOf() 方法)的更多相关文章

  1. JS正则表达式获取字符串中特定字符

    JS正则表达式获取字符串中得特定字符,通过replace的回调函数获取. 实现的效果:在字符串中abcdefgname='test'sddfhskshjsfsjdfps中获取name的值test  实 ...

  2. 获取字符串中每个字符出现的次数(利用TreeMap)

    案例:"aababcabcdabcde",获取字符串中每一个字母出现的次数要求结果:a(5)b(4)c(3)d(2)e(1)分析1:定义一个字符串(可以改进为键盘录入)2:定义一个 ...

  3. js 获取字符串中某字符第二次出现的下标

    var res = "a-b-c-d";var index = find(res,'-',1); //字符串res中第二个‘-’的下标 var ress = res.substri ...

  4. 使用Map,统计字符串中每个字符出现的次数

    package seday13; import java.util.HashMap; import java.util.Map; /** * @author xingsir * 统计字符串中每个字符出 ...

  5. JS对象 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(substring, startpos) 参 ...

  6. js如何处理字符串中带有↵字符

    js或vue中如何处理字符串中带有↵字符 split('\n') 使用split('\n')将字符串分割成数组就行 如果我们在vue中,只需要在页面中绑定变量时操作split('\n')就可以了: & ...

  7. JS 获取字符串中的url并返回其下标索引

    //获取字符串中的url极其下标索引 function getHttpUrlArray(s) { var s1 = s.match(/http.*/); if(s1 == null) { return ...

  8. JS对象 提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串. 语法: stringObject.substr(startPos,length ...

  9. java11-4 字符串的遍历以及字符串中各类字符的统计

    1.需求:获取字符串中的每一个字符   分析: A:如何能够拿到每一个字符呢?  char charAt(int index) B:我怎么知道字符到底有多少个呢? int length() publi ...

随机推荐

  1. 深入理解Cache工作原理

    内容来源:https://zhuanlan.zhihu.com/p/435031232 内容来源:https://zhuanlan.zhihu.com/p/102293437 本文主要内容如下,基本涉 ...

  2. 【vs2019 】调试技巧

    在这篇文章中,我们假定读者了解VS基本的调试知识,如: F5 开始使用调试器运行程序 F9 在当前行设置断点 F10 运行到下一个断点处 F5 从被调试的已停止程序恢复执行 F11 步进到函数内(如果 ...

  3. Oracle分析函数/排名函数/位移函数/同比环比

    分析函数 作用:分析函数可以在数据中进行分组,然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计值.统计函数:MAX(字段名).MIN(字段名).AVG(字段名).SUM(字段名).CO ...

  4. C#正则表达式(通俗易懂)

    正则表达式有多重要,话不多说,直接入正题把. 首先我们来说说元字符. 1. . 点号代表除了换行意外的任意单个字符 例如 a.b  说明a和b之间只能有任意一个字符. 2.[]代表从这里面取出任意一个 ...

  5. 04-Eureka服务注册与发现

    1.介绍 2.快速开始 父工程的maven 配置文件,如下 <?xml version="1.0" encoding="UTF-8"?> <p ...

  6. Redis原理再学习05:数据结构-整数集合intset

    intset介绍 intset 整数集合,当一个集合只有整数元素,且元素数量不多时,Redis 就会用整数集合作为集合键的底层实现. redis> SADD numbers 1 3 5 7 9 ...

  7. 矩池云上编译安装dlib库

    方法一(简单) 矩池云上的k80因为内存问题,请用其他版本的GPU去进行编译,保存环境后再在k80上用. 准备工作 下载dlib的源文件 进入python的官网,点击PyPi选项,搜索dilb,再点击 ...

  8. php 23种设计模式 - 命令模式

    命令模式 将一个请求封装为一个对象,从而使用户可用不同的请求对客户进行参数化.对请求排队或记录请求日志,以及支持撤销的操作. 命令模式以松散耦合主题为基础,发送消息.命令和请求,或通过一组处理程序发送 ...

  9. 微信小程序 app.js globalData 赋值报错

    //success方法要用用success: res => {}的格式 success: res => { } //赋值报错 success:function(e){ } //报错内容: ...

  10. 2.8 C++STL set/multiset容器详解

    文章目录 2.8.1 引入 2.8.2 代码示例 2.8.3 代码运行结果 2.8.4 对组pair的补充 代码实例 运行结果 总结 2.8.1 引入 set/multiset容器概念 set和mul ...