您的位置：首页 > 其它

关于数组去重、统计次数、排序的小案例介绍

2016-07-07 09:44 369 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数组去重-统计次数-排序案例</title>
<style>
#div1{width:375px;height: 525px;background: #ccc;margin: 0 auto;}
#div1 .prompt{text-align: center;}
#div1 .text1{width: 305px;height: 205px;margin-left:30px;margin-top: 10px;}
#div1 .btn1{width: 100px;margin-left: 135px;margin-top: 10px;}
</style>
<script>
window.onload=function (){
var oT1=document.getElementById('txt1');
var oT2=document.getElementById('txt2');
var oBtn=document.getElementById('btn1');

oBtn.onclick=function(){
var str = oT1.value;
var arr = str.split(' ');

var json={};
for (var i = 0; i < arr.length; i++) {
var key = arr[i];
if (json[key]) {
json[key]++;
}else{
json[key]=1;
}
}
var arr2=[];
for(var key in json){
arr2.push({name:key,count:json[key]})
}
arr2.sort(function(n1,n2){return n2.count-n1.count})

var str='';
for (var i = 0; i < arr2.length; i++) {
str=str+arr2[i].name+'('+arr2[i].count+')'+'\n'
}
oT2.value = str;
}
}
</script>
</head>
<body>
<div id="div1">
<div class="prompt">输入原始文本（空格隔开）：</div>
<textarea id="txt1" class="text1"></textarea>
<input id="btn1" class="btn1" type="button" value="变">
<div class="prompt">这里输出结果</div>
<textarea id="txt2" class="text1"></textarea>
</div>
</body>
</html>

例如在原始文本框输入：跑步鞋休闲鞋休闲鞋休闲鞋板鞋帆布鞋篮球鞋拖鞋训练鞋乒羽网鞋足球鞋专项运动鞋跑步鞋休闲鞋板鞋篮球鞋篮球鞋拖鞋训练鞋休闲鞋板鞋休闲鞋板鞋

经过去重过滤、统计并且排序后得到：

休闲鞋(6)

板鞋(4)

篮球鞋(3)

跑步鞋(2)

拖鞋(2)

训练鞋(2)

帆布鞋(1)

乒羽网鞋(1)

足球鞋(1)

专项运动鞋(1)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航