vue 中对象按属性的值排序

需要将数据从高到底排序

在js中添加排序的方法：sort() 方法

语法：arrayObject.sort(sortby)          　　sortby：可选，规定排序顺序。必须是函数。

  function compare(a,b){  
        return a.id-b.id  
    }
   

若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。

 

代码

    var arr1 =[1,8,9,5,7,4];	
	//console.log(arr.sort())
	
    var newArray = [
		{ "unitName": "城区",   "total": 0},
	        { "unitName": "城区1",   "total": 3},
		{ "unitName": "城区2",   "total": 9},
		{ "unitName": "城区3",   "total": 1},
		{ "unitName": "城区4",   "total": 4},
		{ "unitName": "城区5",   "total": 6},
		{ "unitName": "城区6",   "total": 2},
	     ];
			
console.log(newArray.sort(compare("total")))			
	
function compare(property) {
  return function (a, b) {
    var value1 = a[property];
    var value2 = b[property];
    return value2 - value1;
  }
}

 排序结果