一.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. spring 使用depends-on, lazy-init, defalut-lazy-init

    depends-on 如果一个bean是另一个bean的依赖, 可以使用ref属性或者<ref/>标签来实现依赖 那么被依赖bean一定是要比依赖bean率先实例化, 而depends-o ...

  2. Apache Ranger 编译安装部署

    1. 概述 Apache Ranger是大数据领域的一个集中式安全管理框架,目的是通过制定策略(policies)实现对Hadoop组件的集中式安全管理.用户可以通过Ranger实现对集群中数据的安全 ...

  3. 三、ES6中数组拓展

    一.Array.of() 将参数中所有值作为元素形成数组: console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] 参数的值可以为不同的类型: conso ...

  4. JZ-040-数组中只出现一次的数字

    数组中只出现一次的数字 题目描述 一个整型数组里除了两个数字之外,其他的数字都出现了两次.请写程序找出这两个只出现一次的数字. 题目链接: 数组中只出现一次的数字 代码 /** * 标题:数组中只出现 ...

  5. 矩池云 | Tony老师解读Kaggle Twitter情感分析案例

    今天Tony老师给大家带来的案例是Kaggle上的Twitter的情感分析竞赛.在这个案例中,将使用预训练的模型BERT来完成对整个竞赛的数据分析. 导入需要的库 import numpy as np ...

  6. 【爬虫】python爬虫

    爬虫章节 1.python如何访问互联网 URL(网页地址)+lib=>urllib 2.有问题查文档:python document. 3.response = urllib.request. ...

  7. think php 路由增删改查(搜索+关键字标红+缩略图)

    路由 use think\Route; //展示添加表单 Route::get('create','user/user/create'); //表单提交数据 Route::post('save','u ...

  8. layui 数据表格的使用(分页+总条数)

    下载地址 https://www.layui.com/ 点击实例,找到layui适合模板 2. 新建html将代码复制到对应模板,修改对应样式路径. 5.修改对应参数(url,field) 追加以下参 ...

  9. Guava中这些Map的骚操作,让我的代码量减少了50%

    原创:微信公众号 码农参上,欢迎分享,转载请保留出处. Guava是google公司开发的一款Java类库扩展工具包,内含了丰富的API,涵盖了集合.缓存.并发.I/O等多个方面.使用这些API一方面 ...

  10. petite-vue源码剖析-优化手段template详解

    什么是<template>元素? <template>是2013年定稿用于提供一种更统一.功能更强大的模板本存放方式.具体表现为 通过<template>元素属性c ...