Vue 2.0提供了許多方便的方法來處理數組,其中最常用的就是sort方法。sort方法可以根據指定的條件對數組進行排序,使用起來非常的簡單。下面就來看看sort方法怎么使用。
var arr = [3, 2, 1]; arr.sort(function(a, b){ return a - b; }) console.log(arr); // [1, 2, 3]
上面的代碼中,我們首先聲明了一個數組arr,然后使用sort方法對數組進行了排序。在sort方法中,我們傳入一個回調函數,這個回調函數的作用是比較兩個元素的大小,如果返回值大于0,則表示第一個元素應該排在第二個元素的后面,如果返回值小于0,則表示第一個元素應該排在第二個元素的前面,如果返回值等于0,則表示兩個元素的位置不需要改變。在本例中,我們使用了a - b來比較兩個元素的大小,這個操作實際上就是將a和b相減,如果結果大于0,則a排在b的后面,否則a排在b的前面。
var arr = [ {name: 'Tom', age: 20}, {name: 'Jerry', age: 18}, {name: 'Mike', age: 25} ]; arr.sort(function(a, b){ return a.age - b.age; }) console.log(arr); // [{name: 'Jerry', age: 18}, {name: 'Tom', age: 20}, {name: 'Mike', age: 25}]
除了可以對數字進行排序之外,sort方法還可以對任意類型的元素進行排序。例如上面的代碼中,我們可以使用sort方法對一個包含多個對象的數組進行排序,我們可以傳入一個回調函數來指定排序的規則。在本例中,我們使用a.age - b.age來比較兩個對象的大小,這樣就可以按照年齡從小到大的順序將對象進行排序。
上一篇gson解析json名字
下一篇mysql關鍵字優先級別