js技术之获取字符串中某个字符的位置(lastIndexOf()方法 和 indexOf() 方法)
一.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() 方法)的更多相关文章
- JS正则表达式获取字符串中特定字符
JS正则表达式获取字符串中得特定字符,通过replace的回调函数获取. 实现的效果:在字符串中abcdefgname='test'sddfhskshjsfsjdfps中获取name的值test 实 ...
- 获取字符串中每个字符出现的次数(利用TreeMap)
案例:"aababcabcdabcde",获取字符串中每一个字母出现的次数要求结果:a(5)b(4)c(3)d(2)e(1)分析1:定义一个字符串(可以改进为键盘录入)2:定义一个 ...
- js 获取字符串中某字符第二次出现的下标
var res = "a-b-c-d";var index = find(res,'-',1); //字符串res中第二个‘-’的下标 var ress = res.substri ...
- 使用Map,统计字符串中每个字符出现的次数
package seday13; import java.util.HashMap; import java.util.Map; /** * @author xingsir * 统计字符串中每个字符出 ...
- JS对象 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(substring, startpos) 参 ...
- js如何处理字符串中带有↵字符
js或vue中如何处理字符串中带有↵字符 split('\n') 使用split('\n')将字符串分割成数组就行 如果我们在vue中,只需要在页面中绑定变量时操作split('\n')就可以了: & ...
- JS 获取字符串中的url并返回其下标索引
//获取字符串中的url极其下标索引 function getHttpUrlArray(s) { var s1 = s.match(/http.*/); if(s1 == null) { return ...
- JS对象 提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串. 语法: stringObject.substr(startPos,length ...
- java11-4 字符串的遍历以及字符串中各类字符的统计
1.需求:获取字符串中的每一个字符 分析: A:如何能够拿到每一个字符呢? char charAt(int index) B:我怎么知道字符到底有多少个呢? int length() publi ...
随机推荐
- 微服务从代码到k8s部署应有尽有系列(九、事务精讲)
我们用一个系列来讲解从需求到上线.从代码到k8s部署.从日志到监控等各个方面的微服务完整实践. 整个项目使用了go-zero开发的微服务,基本包含了go-zero以及相关go-zero作者开发的一些中 ...
- 2019CCPC Final K. Russian Dolls on the Christmas Tree
题目大意 一棵 \(n(1\leq n\leq 2\times 10^5)\) 个节点以 \(1\) 为根的树,分别求以 \(1\sim n\) 为根的子树中有多少个节点编号连续的段. \(T(1\l ...
- LeetCode-080-删除有序数组中的重复项 II
删除有序数组中的重复项 II 题目描述:给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使每个元素 最多出现两次 ,返回删除后数组的新长度. 不要使用额外的数组空间,你必须在 原地 修改 ...
- 自定义 serializers.ValidationError 的错误返回
在使用DRF进行反序列过程中,总是需要校验字段,然后返回错误结果.可以使用默认的自定义校验项,也可以自定义校验项.而默认的自定义校验项总是差强人意. 版本 Django 2.2.3 Python 3. ...
- jq 页面添加布局
要求: 1)实现如上图页面布局(10分) 2)实现选择城市所添加的内容追加到你喜欢哪个城市下(10分) 3)实现选择游戏所添加的内容追加到你喜欢哪款游戏下(10分) 4)新增的数据字体颜色设置为粉色( ...
- 2、mysql如何控制用户对数据库的访问
基础理解:通过对用户赋予某些权限就可以控制用户对数据库的访问 更深层次的理解:当mysql对用户赋予某些权限时,mysql底层是如何控制用户对数据库的访问 用户管理和权限管理 (基础理解) 用户管理 ...
- 【Azure Developer - 密钥保管库 】使用 Python Azure SDK 实现从 Azure Key Vault Certificate 中下载证书(PEM文件)
问题描述 在Azure Key Vault中,我们可以从Azure门户中下载证书PEM文件到本地. 可以通过OpenSSL把PFX文件转换到PEM文件.然后用TXT方式查看内容,操作步骤如下图: Op ...
- 新的ASP.NET Core 迁移指南
最近在微信里做了一个调查: Web Forms应用程序升级到.NET 6, 收到550份调查,调查还在继续,欢迎参与调查.可以访问链接:https://wj.qq.com/s2/9822949/ac3 ...
- Chrome浏览器打开图标显示空白
复制下面命令存到.bat 文件中,并允许bat文件 taskkill /f /im explorer.exeattrib -h -i %userprofile%\AppData\Local\IconC ...
- 前端经典面试题vue面试题
1.什么是MVVM? MVVM是一种设计思想. Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑: View 代表UI 组件,它负责将数据模型转化成UI 展现出来,View ...