计算数组元素重复的个数,并把出现次数相同的统计一起。

本文介绍了一种使用JavaScript实现的数字重复统计方法,通过解析用户输入的数字串,使用正则表达式匹配并统计各数字的重复次数,最终输出按出现次数排序的数字及其频率。该方法首先初始化界面元素,接收用户输入的数字分隔符和数字串,然后通过正则表达式统一数字分隔格式,统计每个数字的出现次数,并进一步计算出现相同次数的数字集合,最后将结果按出现次数从高到低排序展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简单的一点样式
<style>
    label{display: block; margin-bottom: 10px;}
    input{width: 20px; line-height: 20px; padding: 5px;border: 1px solid #ccc;}
    textarea{width:95%; height: 100px; resize: unset; margin: 10px auto; padding: 5px; border: 1px solid #ccc;}
    button{display:block;}
    p{width: 100%; line-height: 24px;}
</style>
html结构
<label>
    输入数字的分隔符:<input type="text" id="numSplit" value=",">
</label>
<label>
    计算结果数字的分隔符:<input type="text" id="countSplit" value=".">
</label>
<label> 
    输入数字:<textarea type="text" id="num"></textarea>
</label>
<button type="button" onclick="getCount()">计算结果</button>
<p id="result"></p>
js代码
function getCount() {
    // 初始化
    document.getElementById('result').innerHTML = '';
    var num = document.getElementById('num').value;
    var numSplit = document.getElementById('numSplit').value;
    var countSplit = document.getElementById('countSplit').value;
    var countObj = new Object();
    var resultObj = new Object();
    // 正则匹配数字间的任意符号并把分隔符替换成,
    var reg = /[`~\!@#\$%\^&\*\(\)\-\+_=\\\;:'"<,.>\?\/|%·!¥……()——【】、;:’“‘”,《》。?]/g;
    num = num.replace(reg, ',');
    countSplit = countSplit || '/';
    // 计算数字的重复个数
    if (num.indexOf(numSplit) !== -1) {
        var arr = num.split(numSplit);
        for (var i = 0; i < arr.length; i++) {
            // arr[i]数字值为key,出现的次数为value
            countObj[arr[i]] = countObj[arr[i]] ? countObj[arr[i]] + 1 : 1;
        }
    } else {
        alert('请输入正确的数字分隔符');
    }
    // 计算重复个数相同的数字
    // countObj对象
    // 1 i :2 countObj[i],   
    // 2:2,
    // 3:1,
    // 4:2,
    // resultObj对象
    // 2 countObj[i]:1/2/4 i,
    // 1:3
    for (i in countObj) {
       // 出现的次数为key, 出现这些次数的数字为value. 
        resultObj[countObj[i]] = resultObj[countObj[i]] ? resultObj[countObj[i]] + countSplit + i : i;
    }
    var newkey = Object.keys(resultObj).reverse();
    for (var i = 0; i < newkey.length; i++) {
        document.getElementById('result').innerHTML += '出现的次数:' + newkey[i] + ',&nbsp;&nbsp;&nbsp;&nbsp;数字:' + resultObj[
        newkey[i]] +'<br/>';
    }
}

运行结果:

输入1,2,3,4,5,2,3,4 

出现的次数:2, 数字:'2/3/4'
出现的次数:1, 数字:'1/5'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值