【js练习】检索字符串中第一次只出现一次的字母

最新推荐文章于 2023-05-05 22:35:08 发布

 _琳

最新推荐文章于 2023-05-05 22:35:08 发布

阅读量320

点赞数

分类专栏： js 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_43985637/article/details/104903056

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

检索字符串中第一次只出现一次的字母

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <input type="text" name="str" id="str"/>
        <button id="search">检索</button>
    </div>
    <p>字符串中第一个只出现一次的字母：</p>
    <p id="resule"></p>
</body>
<script>
   window.onload = function () {
        var search = document.getElementById('search'),
            numberObj = {},//记录字符串中每个字符出现的次数
            hasonce = false,//判断该字符串中是否有只出现一次的字母
            resuleVal = ''//存放第一个只出现一次的字母
        search.addEventListener('click', () => {
            var str = document.getElementById("str").value;
                searchfn(str)
        })


    }
    function searchfn(str) {
        numberObj = {},//记录字符串中每个字符出现的次数
            hasonce = false,//判断该字符串中是否有只出现一次的字母
            resuleVal = ''//存放第一个只出现一次的字母

        arr = [],//存放转换为数组的字符串
            arr = str.split('')//将字符串转成数组
        arr.forEach((o, i) => {
            if (numberObj.hasOwnProperty(o)) {
                numberObj[o]++
            } else {
                numberObj[o] = 1
            }
        })
        console.log(numberObj)
        for (var key in numberObj) {
            if (numberObj[key] == 1) {
                hasonce = true
                resuleVal = key
                break
            }
        }
        console
        if (hasonce) {
            document.getElementById('resule').innerHTML = resuleVal
        } else {
            document.getElementById('resule').innerHTML = "该字符串没有只出现一次的字符串"
        }
    }
</script>
</html>