在Vue 2.0中,sort()是用于排序數組的原生方法之一。在前端開發中,我們經常需要對數據進行排序,這時就需要用到sort()方法。
sort()方法接受一個可選的參數,該參數指定排序順序,可以是升序、降序、自定義排序函數等等。如果未指定排序順序,則默認按照字母表順序進行排序。
//升序排序 let arr = [3,1,4,2,5]; arr.sort((a,b) =>{ return a-b; }); console.log(arr); // [1, 2, 3, 4, 5]
在這個例子中,我們傳遞了一個比較函數作為sort()的參數,該函數返回兩個數的差值,如果返回的是正數,則交換它們的位置,否則不交換,這樣就實現了升序排序。
要進行降序排序,只需要將比較函數中的a和b交換即可:
//降序排序 let arr = [3,1,4,2,5]; arr.sort((a,b) =>{ return b-a; }); console.log(arr); // [5, 4, 3, 2, 1]
自定義排序函數可以根據我們的需要來實現具體的排序邏輯。例如,我們可以按照字符串長度進行排序:
//按字符串長度排序 let arr = ["apple","banana","orange","grape"]; arr.sort((a,b) =>{ return a.length - b.length; }); console.log(arr); // ["grape", "apple", "banana", "orange"]
總體來說,sort()是一個非常有用的方法,經常用于對數組進行排序。當有大量數據需要展示時,可以利用sort()來快速排序并呈現給用戶。
上一篇dede json屬性
下一篇vue3.0詳解