vue给数组中对象排序 sort函数的用法

当需要对数组中的对象按照某个属性进行排序时，可以使用Vue中的sort函数。sort函数可接受一个比较函数作为参数来排序。

下面是Vue中sort函数的用法：

array.sort(compareFunction)

其中，array 表示待排序的数组，compareFunction 是一个可选的比较函数，用来指定数组排序规则，如果不指定，则元素按照字符串变量顺序排序。

具体来说，比较函数需要返回一个数字来表示排序的顺序，如下所示：

• 若返回小于 0 的值，则表示第一个元素应排在前面，即升序排序；
• 若返回大于 0 的值，表示第一个元素应排在后面，即降序排序；
• 若返回 0 ，则元素位置不变，即相等元素之间的顺序保持不变。

以下是两个示例来说明Vue中sort函数的用法：

假设我们需要对以下数组进行排序：

let arr = [
    { name: 'apple', price: 2.3 },
    { name: 'banana', price: 1.8 },
    { name: 'cherry', price: 3.2 }
]

如果按照价格从小到大排序，则可以使用以下代码：

arr.sort((a, b) => a.price - b.price)

如果按照价格从大到小排序，则可以使用以下代码：

arr.sort((a, b) => b.price - a.price)

总之，Vue中sort函数是一个非常方便的排序工具，可用于对数组中的对象按照特定属性排序，可以根据需要去选择升序或降序。