欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue 2.0 sort

林雅南2年前9瀏覽0評論

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來比較兩個對象的大小,這樣就可以按照年齡從小到大的順序將對象進行排序。