<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style type="text/css">
#box{
500px;
height: 300px;
border: 1px solid black;
margin: 0 auto;
position: relative;
}
#btn{
50px;
height: 50px;
border: 1px solid black;
}
p{
position: absolute;
top: 0;
left: 300px;
}
</style>
</head>
<body>
<div id="box">
<form action="" method="post">
输入：<input type="text" id="shuru"/>
输出：<p id="shuchu"></p>
<div id="btn">
点击
</div>
</form>
</div>
</body>
</html>
<script type="text/javascript">
btn.onclick = function(){
var ele = shuru.value;
var strEle = ele.split(",");
var OutArr = qc(strEle);
var LastArr = px(OutArr);
//转化为字符串
var lastStr = LastArr.join();
shuchu.innerHTML = lastStr;
console.log(OutArr.join());
}
//去重
function qc(arr){
var Oarr = [];
for (var i = 0; i < arr.length; i++) {
if (Oarr.indexOf(Number(arr[i])) == -1) {
Oarr.push(Number(arr[i]));
}
}
return Oarr;
}
//排序
function px(arr){
var temp = "";
for (var i = 0; i < arr.length - 1; i++) {
for (var j = 0; j < arr.length - i - 1; j++) {
if (arr[j] > arr[j+1]) {
temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
}
}
}
return arr;
}
</script>
以上代码自己编写， 可直接拿走借鉴，别忘了点个赞哦！