<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>數組去重-統計案例</title>
<style>#div1{width:375px;height:525px;background:#ccc;margin:0;}
#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>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]})
}
var str='';
for (var i = 0; i < arr2.length; i++) {
str=str+arr2[i].name+arr2[i].count+'\n'</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>
例如在原始文本框輸入:跑步鞋 休閑鞋 闆鞋 帆布鞋 籃球鞋 拖鞋 訓練鞋 乒羽網鞋 足球鞋 專項運動鞋 跑步鞋 休閑鞋 闆鞋 籃球鞋 拖鞋 訓練鞋
經過去重過濾并統計後得到:
跑步鞋2
休閑鞋2
闆鞋2
帆布鞋1
籃球鞋2
拖鞋2
訓練鞋2
乒羽網鞋1
足球鞋1