简单的一点样式
html结构
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] + ', 数字:' + resultObj[ newkey[i]] +''; }}
运行结果:
输入1,2,3,4,5,2,3,4 出现的次数:2, 数字:'2/3/4'出现的次数:1, 数字:'1/5'