js技术之获取字符串中某个字符的位置（lastIndexOf()方法 和 indexOf() 方法）（js 判断字符串中是否包含某个字符串）

一.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。

posted @ 2021-06-03 17:04  骚哥  阅读(17015)  评论(2)  编辑  收藏  举报