查找一个字符在字符串中出现的次数两种方法

最新推荐文章于 2023-07-11 15:51:29 发布

原创最新推荐文章于 2023-07-11 15:51:29 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #jquery

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用jQuery来实现统计一个字符串在另一字符串中出现的次数的功能。通过用户输入原始字符串及待查找的子字符串，程序能够计算并返回子字符串出现的次数。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-1.12.4.js"></script>
</head>
<body>
    原字符串：<input id="string">
    需要查找的字符串:<input id="str">
    <button id="find">查找</button>

    <script>
        // $("#find").click(function(){
        //     var string = $("#string").val();
        //     var str = $("#str").val();
        //     var arr = string.split(str)
        //     console.log(arr)
        //     var time = (arr.length)-1
        //     console.log(time)
        //     alert(str+"在"+string+"中出现了"+time+"次")
        // })

        $("#find").click(function(){
            var string = $("#string").val();
            var str = $("#str").val();
            var arr = Array.from(string);
            console.log(arr)
            var num = 0
            for(var i = 0; i < arr.length; i++){
                if(str == arr[i]){
                    num++
                }
            }
            alert(str+"在"+string+"中出现了"+num+"次")
        })       
    </script>
</body>
</html>