<label class="h4">请输入多个正、负数,各数之间用逗号(,)分隔:</label>
<br />
<input type="text" class="h4 form-control" id="numbers" />
<br />
<input id="btn_sort1" type="button" class="btn btn-primary" value="默认的sort排序" />
<input id="btn_sort2" type="button" class="btn btn-primary" value="自定义排序" />
<p class="h4">
排序结果: <label id="lblResult" style="color:red;"></label>
</p>
<script>
function Box2Arr(id, seperator) {
let arr = $(id).val().split(seperator);
for (let i = 0; i < arr.length; i++) {
arr[i] = parseInt(arr[i]);
}
return arr;
}
$("#btn_sort1").click(function () {
let arr1 = Box2Arr("#numbers", ",");
arr1.sort();
$("#lblResult").text(arr1.join(","));
});
$("#btn_sort2").click(function () {
let arr2 = Box2Arr("#numbers", ",");
arr2.sort(function (a, b) {
return b - a;
});
$("#lblResult").text(arr2.join(","));
})
</script>
运行时浏览器中的截图如右上所示。如果文本框中输入图示的内容。那么点击“默认的sort排序”按钮时,排序结果是:
如果点击“自定义排序”按钮,排序结果为: