<div class="box">
<div class="content target-1">
<h2 class="selected">.sort() 的效果</h2>
<div id="output"></div>
<ul>
<li>方法一,使用 .sort() 預設小到大排序</li>
<li>方法二,使用 .sort() 自定義排序</li>
</ul>
<hr>
</div>
<div class="field is-grouped">
<button class="button is-link example-1">方法一</button>
<button class="button is-link example-2">方法二</button>
<button class="button reset">reset</button>
</div>
</div>
let array = [5, 2, 9, 1, 3];
output();
// 方法一
$(".example-1").on("click", function () {
array.sort();
output();
});
// 方法二
$(".example-2").on("click", function () {
array.sort(function (a, b) {
return a - b;
});
output();
});
// reset
$(".reset").on("click", function () {
array = [5, 2, 9, 1, 3];
output();
});
function output() {
console.log(array);
$("#output").html("陣列順序 array : [" + array.join(", ") + "]");
}